怎么在vue項目中打包部署_nginx代理訪問？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

創(chuàng)新互聯(lián)建站主要從事做網(wǎng)站、網(wǎng)站制作、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務敘永,10年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792

1、先看vue項目打包（我這里使用的是vscode開發(fā)工具）

這里是我的項目結構：

打包之前需要修改如下配置文件：

配置文件一：build>>utils.js (修改publicPath:"../../" , 這樣寫是處理打包后找不到靜態(tài)文件的問題)

配置文件二：config>>index.js(修改assetsPublicPath:'./' ,修改目的是為了解決js找不到的問題)

上面兩步修改完成之后就可以進行打包了

在控制臺終端輸入npm run build

坐等打包

打包完成之后項目中會生成一個dist文件夾，直接訪問里面的index.html就ok了

我這里有點特殊的地方，需要修改下index.html文件，是因為自己加的一個moment.js

ok，到這里打包的事情完成了，下面就放到服務器上去了

我這里使用的windows版本的nginx做演示，linux的不做講解了，還有nginx的下載安裝也不做講解，直接看配置：

為什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以創(chuàng)建可維護性和可測試性更強的代碼庫，Vue允許可以將一個網(wǎng)頁分割成可復用的組件，每個組件都包含屬于自己的HTML、CSS、JavaScript，以用來渲染網(wǎng)頁中相應的地方，所以越來越多的前端開發(fā)者使用vue。

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)成都網(wǎng)站設計公司的支持。

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、網(wǎng)站設計器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享題目：怎么在vue項目中打包部署_nginx代理訪問-創(chuàng)新互聯(lián)
文章源于：http://weahome.cn/article/jhpph.html