從vue-router官網了解www.cppcns.com到如果是用history模式構建的vue專案打包後是需要後端配置支援的，而hash是不需要的，只不過位址會多了乙個#/的字尾。使用hash模式構建的專案打包後，我只需要使用webstorm之類的軟體開啟訪問就能成功了。
但是我用history模式構建的專案需要借助後台程式設計客棧技術，我程式設計客棧這裡選用的是nginx反向**來部署專案。具體做法如下：
1、建立後台伺服器 物件
upstream mixvueserver
2、建立訪問埠和反向**規則
server
location ~ \.php$
error_page 500 502 503 504 /50x.html;
location = /50x.html
}本文標題: nginx部署訪問vue-cli搭建的專案的方法
本文位址:
Vue cli專案部署到Nginx
專案環境 nginx常用命令如下 nginx h 開啟幫助 nginx t 檢查配置檔案是否正確 以下命令均要先啟動nginx才能執行 nginx s stop 停止 nginx s quit 退出 nginx s reopen 重新啟動 注意不會重新讀取配置檔案 nginx s reload 重新...
vue cli 打包部署
1 一般打包 直接 npm run build。webpack的檔案，根據不同的命令，執行不同的 的 注 這種打包的靜態檔案，只能放在web伺服器中的根目錄下才能執行。2 在伺服器中 非根目錄下 執行的 打包 需要配置 參考 3 在本地檔案系統中開啟，不需要web伺服器 暫時 不清楚 4 使用 hi...
Vue cli3 0打包部署到Nginx
vue cli3.0相比於vue cli2.0，僅從根目錄來看，最大的區別就是vue cli3.0少了build和config資料夾，前者用於專案構建 webpack 相關 後者用於專案開發環境配置。取而代之的是vue.config.js這個檔案，看起來目錄簡潔不少。圖1 vue cli3.0根目錄...