vue項(xiàng)目打包部署_nginx代理訪問方法詳解
我又來了，今天部署了下vue項(xiàng)目，使用nginx做了代理，這樣可以解決跨域的問題，這里做一個(gè)簡(jiǎn)單講解。
1、先看vue項(xiàng)目打包（我這里使用的是vscode開發(fā)工具）
這里是我的項(xiàng)目結(jié)構(gòu)：
打包之前需要修改如下配置文件：
配置文件一：build>>utils.js (修改publicPath:"../../" , 這樣寫是處理打包后找不到靜態(tài)文件的問題)
配置文件二：config>>index.js(修改assetsPublicPath:'./' ,修改目的是為了解決js找不到的問題)
上面兩步修改完成之后就可以進(jìn)行打包了
在控制臺(tái)終端輸入npm run build
坐等打包
打包完成之后項(xiàng)目中會(huì)生成一個(gè)dist文件夾，直接訪問里面的index.html就ok了
我這里有點(diǎn)特殊的地方，需要修改下index.html文件，是因?yàn)樽约杭拥囊粋€(gè)moment.js
ok，到這里打包的事情完成了，下面就放到服務(wù)器上去了
我這里使用的windows版本的nginx做演示，linux的不做講解了，還有nginx的下載安裝也不做講解，直接看配置：
配置完成后，去啟動(dòng)你的nginx，然后訪問就ok了！
以上這篇vue項(xiàng)目打包部署_nginx代理訪問方法詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了修改Vue項(xiàng)目運(yùn)行的IP和端口，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
這篇文章主要介紹了vue 動(dòng)態(tài)生成拓?fù)鋱D的示例，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
vue3的ref、isRef、toRef、toRefs、toRaw詳細(xì)介紹
本文詳細(xì)講解了vue3的ref、isRef、toRef、toRefs、toRaw，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09
Vue手動(dòng)控制點(diǎn)擊事件Click觸發(fā)方式
這篇文章主要介紹了Vue手動(dòng)控制點(diǎn)擊事件Click觸發(fā)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01
Vue數(shù)據(jù)更新但頁面沒有更新的多種情況問題及解決
這篇文章主要介紹了Vue數(shù)據(jù)更新但頁面沒有更新的多種情況問題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
vue二級(jí)菜單導(dǎo)航點(diǎn)擊選中事件的方法
今天小編就為大家分享一篇vue二級(jí)菜單導(dǎo)航點(diǎn)擊選中事件的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue2.x對(duì)象深層劫持的原理實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
今天小編就為大家分享一篇淺談VUE-CLI腳手架熱更新太慢的原因和解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本篇文章主要介紹了Vue路由跳轉(zhuǎn)問題記錄詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
防抖節(jié)流就是使用定時(shí)器 來實(shí)現(xiàn)我們的目的。這篇文章通過實(shí)例代碼給大家介紹vue防抖與節(jié)流的使用，感興趣的朋友跟隨小編一起看看吧2019-11-11