npm打包vue專案部署到nginx

2021-09-09 07:48:03 字數 629 閱讀 2935

1. build vue project,生成dist目錄:

npm run build
start .\nginx.exe
3. 訪問localhost:8082如下

4. nginx測試完畢,此時將我們專案構建後的dist目錄整個複製到nginx根目錄的html資料夾下

c:\users\jalchu\nginx\nginx-1.15.8\html\dist
5. 修改nginx的conf目錄下檔案nginx.conf,編輯server節點

listen       8082;

server_name localhost;

location /

location @router

4. reload config配置

.\nginx.exe -s reload
5. 訪問localhost:8082即可

參考:

vue專案部署前打包

vue專案打包上線之前要進行相應的配置,否則會存在路徑找不到,頁面出現空白的問題,現在做一下記錄 1 打包成功沒有報錯,但是開啟頁面顯示空白 解決 檔案位置 config目錄下index.js檔案更改assetspublicpath屬性 檔案裡面有兩個assetspublicpath屬性,也就是更改...

vue打包專案部署到二級目錄

一 分析為什麼將vue打包後的檔案放到二級目錄頁面會是空白?首先,假設這樣乙個情景,我們想www.domain.com yunnan二級目錄來訪問我們的頁面。然後,在沒有做任何配置下,打包的檔案扔到yunnan下 此時目錄結構如下 www yunnan assets index.html 我們頁面訪...

vue專案部署到Tomcat方法

1.vue專案路由配置 專案上線,一般需要新增專案名,並且消去vue router產生的 號,需要在router的配置下,在本專案是router index.js下配置 import vue from vue import router from vue router vue.use router ...