nginx部署vue前端專案的dist包

2021-10-05 20:25:52 字數 405 閱讀 4583

以nginx作為容器部署vue的前端專案

首先幾條必備的linux命令:

1、進入nginx目錄:cd /usr/local/nginx/

2、啟動nginx:sh sbin/nginx

3、停止nginx:sbin/nginx -s stop

4、重啟nginx:sbin/nginx -s reload

5、解壓dist.zip: unzip dist.zip

6、刪除dist資料夾以及其子資料夾 : rm -r dist

把dist達成zip包直接放在/usr/local/nginx目錄下,直接解壓即可

server 

#location /api/v2/upgradetask

}

Nginx 部署Vue前端專案

npm run build構建成功後基本會在配置的dist檔案下生成靜態html檔案。把生成目錄dist裡的檔案打包上傳至伺服器 192.168.234.97 scp dist.zip root 192.168.234.97 opt www vue base輸入伺服器登入密碼。上傳到伺服器靜態位址 ...

nginx中部署vue前端專案

首先當然是阿里雲伺服器購買以及vue專案的編寫了,伺服器購買就不說了,vue專案打包npm run dev的時候要注意一下,主要是config index.js裡assetspublicpath要配置成 原來是 不然在上線後會什麼也沒有,還有就是如果使用了axios跨域 跨埠 的話,並且是使用pro...

Nginx部署Vue專案

npm run build生成乙個dist資料夾。將dist目錄整個複製到nginx根目錄的html資料夾下。編輯conf目錄下的nginx.conf檔案 server 因為路由的路徑資源並不是乙個真實的路徑,所以無法找到具體的檔案 因此需要rewrite到index.html,然後交給路由再處理資...