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 ...