vue項目npm run build打包后會生成一個dist文件，我們有時候需要一個配置文件來更改所有url，如果沒有這個配置文件，我們就需要每次在項目代碼中更改，然后再打包，這樣就很麻煩，所以可以選擇用一個配置文件來更改打包后的url，方法步驟如下：

一、在static文件夾下創(chuàng)建config.json文件，寫入配置：

image.png

image.png

二、在src下的main.js里寫入代碼

image.png

就是去請求config.json的數(shù)據(jù)，然后把BASE_URL存在全局變量中，每次調(diào)用去全局中取

三、在.vue文件中使用
直接this.BASE_URL使用即可

四、打包
npm run build會生成dist文件，配置文件config.json在static下，更改即可生效

image.png

注意：
本地打開dist文件下的index.html會報錯

image.png

必須放在nginx上運行才能生效！本地是不可以的