目前比較流行的打包大都是在vue.config.js配置代理,然后在根目錄新建.env.xxx文件配置正式環境,測試環境,開發環境等用於打包時配置不同的訪問地址,作為一名隨波逐流的前端開發,我也是這么干的,但是總有人很欠,開發中瘋狂改ip,然后導致我們要跟着打包,ip的改動導致我們配置的環境根本沒有用武之地,於是乎我就想有沒有一次打包項目,ip可以讓他們開發自己配置,避免重復打包呢?
說做就做,因為原來沒有弄過這方面的問題,又這方面的想法,但是沒有這方面的開發思路,於是乎百度了一下發現還真有不少人配置過這類開發
看了一遍,總結了一下思路,原理就是在打包的時候將動態的ip排除在打包外,不參與打包,類似於public文件夾下的index.html,
網上的方法大部分都一致在static下新建一個js或json文件在文件里面配置ip地址,然后在攔截器內直接使用,具體使用方法下面講到,我這邊使用的是新建js文件夾,json的我看了一下沒有使用,有興趣的道友可以百度看一下,也許對你有幫助;
項目框架是vue-element-admin
目錄結構如下:
在public文件夾下新增config.js,有的項目是static文件夾下,因為我使用的是vue-element-admin模板所以是public
新建一個對象
在pubulic文件夾下的index.html引入此文件,在項目中就可以使用了
然后去攔截器內直接調用對象
然后就可以啦,是不是很簡單0.0
本文出自於https://www.cnblogs.com/sws-kevin/p/14237428.html 轉載請注明出處,否則會追究。