【轉】vue項目打包部署——nginx代理訪問
阿新 • • 發佈:2018-07-04
fff 簡單 path 啟動 當前 vscode mark text 結構
我又來了,今天部署了下vue項目,使用nginx做了代理,這樣可以解決跨域的問題,這裏做一個簡單講解。
1.先看vue項目打包(我這裏使用的是vscode開發工具)
這裏是我的項目結構:
打包之前需要修改如下配置文件:
配置文件一:build>>utils.js (修改publicPath:"../../" , 這樣寫是處理打包後找不到靜態文件的問題)
配置文件二:config>>index.js(修改assetsPublicPath:‘./‘ ,修改目的是為了解決js找不到的問題)
上面兩步修改完成之後就可以進行打包了
在控制臺終端輸入npm run build
坐等打包
打包完成之後項目中會生成一個dist文件夾,直接訪問裏面的index.html就ok了
我這裏有點特殊的地方,需要修改下index.html文件,是因為自己加的一個moment.js
ok,到這裏打包的事情完成了,下面就放到服務器上去了
我這裏使用的windows版本的nginx做演示,linux的不做講解了,還有nginx的下載安裝也不做講解,直接看配置:
root地址不要寫nginx文件夾下面的dist地址二是要寫你本地相對於nginx當前服務器的地址(原文件dist地址)
配置完成後,去啟動你的nginx,然後訪問就ok了
【轉】vue項目打包部署——nginx代理訪問