目前比較流行的打包大都是在vue.config.js配置代理,然后在根目錄新建.env.xxx文件配置正式環(huán)境,測(cè)試環(huán)境,開發(fā)環(huán)境等用于打包時(shí)配置不同的訪問(wèn)地址,作為一名隨波逐流的前端開發(fā),我也是這么干的,但是總有人很欠,開發(fā)中瘋狂改ip,然后導(dǎo)致我們要跟著打包,ip的改動(dòng)導(dǎo)致我們配置的環(huán)境根本沒有用武之地,于是乎我就想有沒有一次打包項(xiàng)目,ip可以讓他們開發(fā)自己配置,避免重復(fù)打包呢?

說(shuō)做就做,因?yàn)樵瓉?lái)沒有弄過(guò)這方面的問(wèn)題,又這方面的想法,但是沒有這方面的開發(fā)思路,于是乎百度了一下發(fā)現(xiàn)還真有不少人配置過(guò)這類開發(fā)

看了一遍,總結(jié)了一下思路,原理就是在打包的時(shí)候?qū)?dòng)態(tài)的ip排除在打包外,不參與打包,類似于public文件夾下的index.html,

網(wǎng)上的方法大部分都一致在static下新建一個(gè)js或json文件在文件里面配置ip地址,然后在攔截器內(nèi)直接使用,具體使用方法下面講到,我這邊使用的是新建js文件夾,json的我看了一下沒有使用,有興趣的道友可以百度看一下,也許對(duì)你有幫助;

項(xiàng)目框架是vue-element-admin

目錄結(jié)構(gòu)如下:

 在public文件夾下新增config.js,有的項(xiàng)目是static文件夾下,因?yàn)槲沂褂玫氖莢ue-element-admin模板所以是public

新建一個(gè)對(duì)象

在pubulic文件夾下的index.html引入此文件,在項(xiàng)目中就可以使用了 

然后去攔截器內(nèi)直接調(diào)用對(duì)象

 然后就可以啦,是不是很簡(jiǎn)單0.0

本文出自于http://www.rzrgm.cn/sws-kevin/p/14237428.html 轉(zhuǎn)載請(qǐng)注明出處,否則會(huì)追究。