在工作中狮杨，我們經(jīng)常碰到后端更改端口號的問題母截、搭建測試環(huán)境等，這不得不讓我們重新打包項(xiàng)目橄教，如此簡單又惡心的事情還總是反反復(fù)復(fù)清寇，那么有沒有辦法在之前打包后文件里面直接更改呢，這樣不僅僅省去了我們打包的時(shí)間护蝶，而且提供給測試人員他們又可以反復(fù)的修改測試华烟，如此一來世界都變得美好了
思路：
- 創(chuàng)建一個(gè)
js或者json然后在axios中動態(tài)的引入，設(shè)置baseURL為動態(tài)引入的變量 - 這個(gè)
js持灰、json文件在vue打包的時(shí)候不被編譯盔夜，保留在最外層
實(shí)現(xiàn)：
- 新建一個(gè)
js文件，把baseURL的變量設(shè)置為window的屬性
// 新建一個(gè) baseURL.js 的文件
window.g = {
baseURL: "http://192.168.1.1:8088/test"
}
- 在
vue里面提供了一個(gè)public文件夾堤魁，我們可以在該文件夾里面新建一個(gè)static的靜態(tài)文件夾喂链，在這個(gè)文件夾里面的資源是不被編譯的 - 如次我們還需要在
vue項(xiàng)目中的index.html中引入我們新建的這個(gè)baseURL.js文件，在引用的時(shí)候我們盡量采用絕對路徑
<script src="/static/baseURL.js"></script>
- 這時(shí)候妥泉，我們創(chuàng)建了文件椭微，也引入到了項(xiàng)目中在項(xiàng)目中，我們就可以使用
window.g.baseURL來獲取這個(gè)地址了
如此我們就實(shí)現(xiàn)了之前提到的功能盲链，我們每次修改的時(shí)候蝇率，只需要修改baseURL.js中的變量值就好了
