THẢO LUẬN

Jan 22nd, 2021 1:15 a.m.

@maitrungduc1410 Nếu không phân trang thì đúng là vậy nhưng khi phân trang nó thành

listCategory {
     data {
              data {
                      ...
              }
     }
}

nên lúc này phải thêm vào thành this.listCategory.data.forEach và khi phân trang xong thì data nó sẽ như thế này bạn ạ.

khi chưa phân trang:

data {title:Tieu de 1,slug: tieu-de-1,....}

sau khi phân trang thì:

trang thứ 2
data {2{title:Tieu de 1,slug: tieu-de-1,....}}

trang thứ 3
data {4{title:Tieu de 1,slug: tieu-de-1,....}}

duy chỉ có trang đầu tiên là giống với data lúc chưa phân trang nên nó vẫn hoạt động bình thường 😦

0

Tôi đoán tên anh hàng xóm có một chữ P 😄

0
Jan 21st, 2021 5:22 p.m.

Thêm hình ảnh nữa là tuyệt vời

0

@daucatmoi

Tuyệt vời ông mặt giời

0

@maitrungduc1410 em làm được r thank anh ạ

0
Jan 21st, 2021 2:33 p.m.

@duong.manh.hoang Em có up code ajax, router, controller. Anh xem qua giúp em với ạ

0

Khi 1 client kết nối thì đầu tiên nó phải tới Laravel Echo Server trước, mà ở phía Laravel Echo server e còn chưa thấy j thì 96,69% đoạn kết nối tới Laravel Echo ở file bootstrap.js của e đang có vấn đề.

Đầu tiên khả năng cao e đang dùng laravel-echo-server bản mới nên nó ko khớp với socket.io-client e định nghĩa ở file bootstrap.js nữa (lỗi này đã có 1 bạn nhắn a ở bài Viết ứng dụng chat realtime .... rồi). A cũng đã update bài đó nhưng a chưa có tgian update lại cho các bài này. Đầu tiên e giúp a sửa lại file resource/views/app.blade.php, như sau:

<body>
        <div id="app" class="h-100"></div>
        <script src="http://localhost:4000/socket.io/socket.io.js"></script>
        <script>window.__app__ = @json($data)</script>
        <script src="{{ mix('js/manifest.js') }}"></script>
        <script src="{{ mix('js/vendor.js') }}"></script>
        <script src="{{ mix('js/app.js') }}"></script>
    ..................
    </body>

Chú ý rằng bên trên a đã thêm vào đoạn script để import socket.io, đây là ta đang import thư viện socket.io-client được cung cấp bởi laravel-echo-server (nên nó sẽ tương thích). Sau đó ở file bootstrap.js e comment đoạn sau lại:

import Echo from 'laravel-echo'

// window.io = require('socket.io-client') // comment dòng này <<----------

window.Echo = new Echo({
  broadcaster: 'socket.io',
  host: `${window.location.protocol}//${window.location.hostname}:${process.env.MIX_FRONTEND_PORT}`
})

Sửa code Vue nên e phải build lại frontend nhé:

docker run --rm -v "/$(pwd)":/app -w //app node npm run prod

Sau đó thì e chạy lại project như bình thường, cùng với đó e kiểm tra kĩ cho a:

  • e mở Chrome Developer tool xem còn báo lỗi j ko nhé
  • sau đó check ở đoạn cấu hình Nginx đã có block location /socket.io hay chưa, đã proxy_pass vào đúng tên service laravel_echo_server:6001 hay chưa
  • file .env đã có MIX_FRONTEND_PORT=4000 hay chưa
0
Jan 21st, 2021 2:24 p.m.

@khanhney thank bác

0
Jan 21st, 2021 2:24 p.m.

cảm ơn bạn nhé

0
Jan 21st, 2021 11:35 a.m.

😍

0

thank anh, em đang dự tính học

0
Jan 21st, 2021 11:29 a.m.

Bài này ko phải mấy bài được dịch từ web tiếng anh (m đoán vậy 😃) nên m đọc thấy trôi hơn hẳn, hóng những bài còn lại của series

0

@vietgroup chào bạn, ở trên đoạn getAllCategory, bên trong then đoạn forEach đoạn đó phải là this.listCategory.forEach chứ nhỉ, sao lại trường data ở bên trong listCategory là thế nào vậy bạn?

0

@quangphunguyen Thật nhọ là mình dùng BEM để đặt class css xong bị chửi sml và bắt phải sửa hết lại. Lý do là mình đặt class box-products_content thì khi anh ấy kích đúp để coppy lại chỉ bôi đen được đoạn products_content mà không được cả cụm.Do đó coppy nó bị chậm.

0
Jan 21st, 2021 9:47 a.m.

Hay

+1
Jan 21st, 2021 9:41 a.m.

sao đọc xong mà vẫn thấy sầu nhỉ

-1
Jan 21st, 2021 9:41 a.m.

@bunny.pi.green top trend nhé =)))

0

Oh no! Amazing!

+1
Jan 21st, 2021 9:25 a.m.

phát hiện cái bug to bằng cái thúng fix đi nhé 😃

0
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí