溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
怎么在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的下載安裝也不做講解，直接看配置：
Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以創建可維護性和可測試性更強的代碼庫，Vue允許可以將一個網頁分割成可復用的組件，每個組件都包含屬于自己的HTML、CSS、JavaScript，以用來渲染網頁中相應的地方，所以越來越多的前端開發者使用vue。
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
