在工作中，我們經(jīng)常碰到后端更改端口號(hào)的問(wèn)題、搭建測(cè)試環(huán)境等，這不得不讓我們重新打包項(xiàng)目，如此簡(jiǎn)單又惡心的事情還總是反反復(fù)復(fù)，那么有沒(méi)有辦法在之前打包后文件里面直接更改呢，這樣不僅僅省去了我們打包的時(shí)間，而且提供給測(cè)試人員他們又可以反復(fù)的修改測(cè)試，如此一來(lái)世界都變得美好了

思路：

• 創(chuàng)建一個(gè)js或者json然后在axios中動(dòng)態(tài)的引入，設(shè)置baseURL為動(dòng)態(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í)候我們盡量采用絕對(duì)路徑

<script src="/static/baseURL.js"></script>

• 這時(shí)候，我們創(chuàng)建了文件，也引入到了項(xiàng)目中在項(xiàng)目中，我們就可以使用window.g.baseURL來(lái)獲取這個(gè)地址了

如此我們就實(shí)現(xiàn)了之前提到的功能，我們每次修改的時(shí)候，只需要修改baseURL.js中的變量值就好了