Nginx部署Vue專案

npm run build

將dist目錄整個複製到nginx根目錄的html資料夾下。

編輯conf目錄下的nginx.conf檔案

server 

#因為路由的路徑資源並不是乙個真實的路徑，所以無法找到具體的檔案
#因此需要rewrite到index.html，然後交給路由再處理資源請求 
location @router ..
.}

start nginx 或 nginx.exe

nginx.exe -s reload

注：80埠為conf目錄下的nginx.conf檔案中配置的預設埠，可以根據實際情況自行修改。

nginx部署vue專案

nginx是乙個高效能的http和反向 伺服器。因此常用來做靜態資源伺服器和後端的反向 伺服器。本文主要記錄使用nginx去部署使用vue搭建的前端專案，專案基於vue官方的腳手架vue cli構建。打包vue專案 通過npm run build命令打包好的靜態資源將輸出到dist目錄中。1.win...

nginx部署vue專案

nginx是乙個高效能的http和反向 伺服器。因此常用來做靜態資源伺服器和後端的反向 伺服器。本文主要記錄使用nginx去部署使用vue搭建的前端專案，專案基於vue官方的腳手架vue cli構建。npm run build通過上面命令後打包好的靜態資源將輸出到dist目錄中。如圖所示 安裝ngi...

nginx專案部署vue專案

一 nginx配置 server 介面api 在配置檔案vue.config.js的devserver的應該為 api location api 其他部分省略 說明 二.專案配置檔案 require path module.exports pathrewrite 如果不寫則只能修改 的網域名稱，如果...