@maitrungduc1410
Nếu để nó dưới cùng nó lại trở về như cũ là nó sẽ nhận route của backend trước thay vì của Vue á anh. Vậy là em đổi tên cái route của backend để nó không trùng thì sẽ giải quyết được.
@maitrungduc1410
Thank you anh!
Em đã thêm dòng code đó và nó đã chạy đúng.
Nhưng mà nếu dùng Route::any thì lại phát sinh lỗi là khi dùng axios.get('/...') nó lại nhảy về view blade luôn không trả về được giá trị mình cần.
đây là expected behaviour ). Đây là note mà Vue đã để trên trang chủ để note cho mn trong trường hợp mình dùng mode=history, khi đó sẽ ko có dấu # ở phần URL, nom sẽ đẹp hơn, thế nhưng sẽ dính 1 lỗi đó là khi F5 lại browser thì nó gọi về route của backend, thay vì render ra HTML. Lí do bởi vì trong Vue-router e có route trùng với lại route ở phía Laravel.
Cách giải quyết đó là e dùng Route::any của Laravel là được nhé e:
Route::get('/{any}', 'AppController@index')->where('any', '.*')->middleware('auth');
// Để vào tận cuối cùng ở file web.php
hàm index trả về file view blade chứa app VueJS của e.
@nam123456 Về cái này mình chưa chạy thử hết nên chưa làm rõ đc giúp bạn. Nhưng mình nghĩ khi Boostrap đã bỏ jquery thì tức là các chức năng của nó vẫn bảo đảm hoạt động được. Chỉ là mình chưa có thời gian đào sâu để xem thay vì dùng jquery thì nó chạy như thế nào để bảo đảm các chức năng của nó vẫn hoạt động bình thường được.
THẢO LUẬN
Một thanh niên mất recovery code chia sẻ ạ =)))
@minhtuan.nguy Yeah cái này đúng ngon. Mình thì cài extention VPN riêng cho browser. Khi đọc Medium hay XXX thì mở còn xong thì click cái là off
@GoaPhuDen nhưng cách này của mình là chỉ cho medium chạy qua VPN thôi, còn các trang khác vẫn sử dụng card mạng bình thường nên sẽ nhanh hơn
@maitrungduc1410 Nếu để nó dưới cùng nó lại trở về như cũ là nó sẽ nhận route của backend trước thay vì của Vue á anh. Vậy là em đổi tên cái route của backend để nó không trùng thì sẽ giải quyết được.
@phamtuanviet
@zkckmacxu e để route any ở tận cuối cùng của file
routes/web.phpthì khi gọi axios nó sẽ duyệt từ trên xuống lấy các route của backend trước@maitrungduc1410
Thank you anh!
Em đã thêm dòng code đó và nó đã chạy đúng.
Nhưng mà nếu dùng Route::any thì lại phát sinh lỗi là khi dùng axios.get('/...') nó lại nhảy về view blade luôn không trả về được giá trị mình cần.
@benkyou my bad
@LilWind Bạn thử follow bài này xem nhé. rồi sau đó xây dựng tương tự như trên nhé https://viblo.asia/p/viet-unittest-cho-ung-dung-js-voi-mocha-chai-supertest-naQZRynAKvx
chính xác e
)),
đây là expected behaviour
). Đây là note mà Vue đã để trên trang chủ để note cho mn trong trường hợp mình dùng mode=history, khi đó sẽ ko có dấu
#ở phần URL, nom sẽ đẹp hơn, thế nhưng sẽ dính 1 lỗi đó là khi F5 lại browser thì nó gọi về route của backend, thay vì render ra HTML. Lí do bởi vì trong Vue-router e có route trùng với lại route ở phía Laravel.Cách giải quyết đó là e dùng
Route::anycủa Laravel là được nhé e:hàm
indextrả về file view blade chứa app VueJS của e.thật sự thấy bài viết này quá bổ ích, +1 respect. hi vọng đc đọc những bài viết ntn, cám ơn tác giả.
@maiptn226 Thanks ban
thank b nhá. chắc ở stage vs product ko bị chặn như thế nhỉ
A có base : nodejs + mysql em tham khảo vơi ạ.
Bài viết hữu ích
a ơi ra thêm phần tiếp theo đi ạ :<
đọc xong bài viết thì update CV thôi nào
@amidamaru_rookie ủa mình share rồi mà nhờ
@nam123456 Về cái này mình chưa chạy thử hết nên chưa làm rõ đc giúp bạn. Nhưng mình nghĩ khi Boostrap đã bỏ jquery thì tức là các chức năng của nó vẫn bảo đảm hoạt động được. Chỉ là mình chưa có thời gian đào sâu để xem thay vì dùng jquery thì nó chạy như thế nào để bảo đảm các chức năng của nó vẫn hoạt động bình thường được.