【轉】vue項目打包部署——nginx代理訪問


我又來了,今天部署了下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了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM