Sửa lỗi Vue SPA website reload 404

Khi deploy 1 website dạng Vue Spa làm frontend chẳng hạn chungnguyen.xyz và call tới api ở api.chungnguyen.xyz

Trang frontend với vue router xử lý đường dẫn và bạn dùng mode history chứ k phải hash, khi truy cập lần đầu tiên thì ok nhưng nếu f5/reload trang sẽ bị nginx 404, cần cấu hình như sau

# Cấu hình mặc định ở https://flashvps.dev chẳng hạn
location / {
    try_files $uri $uri/ /index.php?$query_string;
}

# Sửa lại thành
location / {
  try_files $uri $uri/ /index.html;
}

Restart nginx

Ủng hộ Chung Nguyễn Blog

Chung Nguyễn Blog sử dụng FlashVPS - Dịch vụ quản trị máy chủ chuyên nghiệp để quản lý VPS

#FlashVPS là dịch vụ cloud panel trên nền tảng web hỗ trợ khách hàng:

* Quản lý máy chủ số lượng nhiều
* Không có kinh nghiệm quản lý máy chủ
* Thích sử dụng giao diện web đơn giản, trực quan hơn terminal
* Quá nhàm chán với việc ghi nhớ và lặp lại việc gõ các câu lệnh
* Muốn tự động hóa mọi thao tác
* Muốn tiết kiệm thời gian quản trị máy chủ
* Muốn tiết kiệm tiền bạc, nhân lực quản trị máy chủ

https://flashvps.dev

Các bài viết trên website thường xuyên được đăng tải và cập nhật trên trang Facebook Chung Nguyễn Blog hãy tặng cho Chung một LIKE nhé! Mãi yêu các bạn!

813 👍