我又來了，今天部署了下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的下載安裝也不做講解，直接看配置：

配置完成后，去啟動你的nginx，然后訪問就ok了！

以上這篇vue項目打包部署_nginx代理訪問方法詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。