我又來了，今天部署了下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代理訪問