問題

使用Vue.框架，利用vue-route編寫了一個單頁路由項目，運維協助在服務器端配置nginx。部署完成后，訪問首頁沒問題，從首頁里打開二級頁面沒問題，但是所有的二級頁面打開后，再次刷新，就會出現404現象。

原因

刷新頁面時訪問的資源在服務端找不到，因為此時vue-router設置路由地址被當作url地址，此時的地址路徑肯定不是真實存在的，所以出現404現象。這些訪問資源都是在js里渲染。

解決方案

在nginx配置里添加vue-route的跳轉設置

server {....location / {root /home/tv;index index.html;//加上此句try_files $uri $uri/ /index.html;}}

總結

以上是生活随笔為你收集整理的Nginx 部署 Vue 项目刷新页面出现404的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。