Discussions - Viblo

đã bình luận cho bài viết

Bài 16: Sử dụng axios để gọi Laravel API trong VueJS của

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

Nguyễn Hữu Kim

đã bình luận cho bài viết

Git workflow được Google và Facebook sử dụng có gì hay ho của

Bùi Hiếu

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

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

Tu Ba Duc

đã bình luận cho bài viết

Kĩ năng đàm phán - nguyên tắc và kinh nghiệm của

Pham Phu Quoi

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

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

Mai Trung Đức

đã bình luận cho bài viết

Dockerize ứng dụng chat realtime với Laravel, Nginx, VueJS, Laravel Echo, Redis, SocketIO của

Mai Trung Đức

Jan 21st, 2021 4:03 p.m.

@daucatmoi

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

trong nguyen

đã bình luận cho bài viết

Dockerize ứng dụng chat realtime với Laravel, Nginx, VueJS, Laravel Echo, Redis, SocketIO của

Mai Trung Đức

Jan 21st, 2021 3:01 p.m.

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

tây nhóc

đã bình luận câu trả lời trong câu hỏi

Tại sao website viết bằng laravel có thời gian TTFB khá cao trên 2 giây của

Dương Mạnh Hoàng

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 ạ

Mai Trung Đức

đã bình luận cho bài viết

Dockerize ứng dụng chat realtime với Laravel, Nginx, VueJS, Laravel Echo, Redis, SocketIO của

Mai Trung Đức

Jan 21st, 2021 2:31 p.m.

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

Nguyễn Đức Hoàng

đã bình luận cho bài viết

Instagram - Thiết Kế Hệ Thống có gì hay? 💻 của

Khánh Ney

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

@khanhney thank bác

Hunq Vux

đã bình luận cho bài viết

3 cách giúp bạn loại bỏ "any" trong typescript của

Hunq Vux

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

cảm ơn bạn nhé

Nguyen Van Duc

đã bình luận cho bài viết

Bacteria classification bằng thư viện fastai của

Hieu Bui

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

Võ Thanh Liêm

đã bình luận cho bài viết

Kinh nghiệm thi chứng chỉ AWS Certified Solutions Architect – Associate của

Mầu Hà Quang

Jan 21st, 2021 11:32 a.m.

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

Tuzaku

đã bình luận cho bài viết

Performance Optimization 101: Những câu hỏi cơ bản của

Minh Monmen

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

Mai Trung Đức

đã bình luận cho bài viết

Bài 16: Sử dụng axios để gọi Laravel API trong VueJS của

Mai Trung Đức

Jan 21st, 2021 10:27 a.m.

@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?

Khâm Đình

đã bình luận cho bài viết

[Front-end Developer] Một vài mẹo để viết code CSS chuyên nghiệp hơn của

Nguyen Quang Phu

Jan 21st, 2021 9:52 a.m.

@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.