問題
使用vue.框架，利用vue-route編寫了乙個單頁路由專案，運維協助在伺服器端配置nginx。部署完成後，訪問首頁沒問題，從首頁裡開啟二級頁面沒問題，但是所有的二級頁面開啟後，再次重新整理，就會出現404現象。
原因重新整理頁面時訪問的資源在服務端找不到，因為此時vue-router設定路由位址被當作url位址，此時的位址路徑肯定不是真實存在的，所以出現404現象。這些訪問資源都是在js裡渲染。
解決方案
在nginx配置裡新增vue-route的跳轉設定
server
}
Nginx部署Vue專案以及解決重新整理頁面404問題
一 打包專案 1.在專案中的package.json上右鍵，點選show npm scripts 2.打包 或者直接在專案根目錄執行 npm run build 命令 3.成功後會在專案根目錄生成dist資料夾 二 壓縮並上傳專案到伺服器 我這裡是使用securecrt工具進行上傳和部署專案的 se...
Nginx部署Vue專案
npm run build生成乙個dist資料夾。將dist目錄整個複製到nginx根目錄的html資料夾下。編輯conf目錄下的nginx.conf檔案 server 因為路由的路徑資源並不是乙個真實的路徑，所以無法找到具體的檔案 因此需要rewrite到index.html，然後交給路由再處理資...
nginx部署vue專案
nginx是乙個高效能的http和反向 伺服器。因此常用來做靜態資源伺服器和後端的反向 伺服器。本文主要記錄使用nginx去部署使用vue搭建的前端專案，專案基於vue官方的腳手架vue cli構建。打包vue專案 通過npm run build命令打包好的靜態資源將輸出到dist目錄中。1.win...