如何將baseUrl項目地址提取放到放到static

本來項目的baseUrl地址是放在src/common/config.js ，可是這有一個缺點，就是本地測試一個地址，生產一個地址。每發一次不一樣環境的包就要build一下，太麻煩了！有沒有解決的辦法呢？

咱們知道static下面的文件，會原本來本打包到dist下面的。因此咱們能夠把src/common/config.js 放到static文件下，那麼只要build一次，在config.js上修改baseUrl就能夠了。

 

一、在static 建立一個文件夾common。裏面建立一個config.js文件

二、 在index.js中引入

   <script src="./static/common/config.js"></script>

三、在http.js中

axios.defaults.baseURL = window.default.baseURL;

四、打包後，能夠在dist/static發現common/config.js文件。打開就能夠修改裏面的baseUrl而後更新到不一樣的服務器上

 

遇到問題

好比要在界面上要要顯示圖片

還沒有提取config.js 是這樣寫的

let _img = img?config.default.baseUrl+'/'+img:'';

 

提取之後

 let _img = img?window.default.baseUrl+'/'+img:'';

本地運行沒有問題，可是打包到服務器上就報錯了

 

中間這個undefined是什麼鬼東西。

原來是 window.default.baseUrl 是undefined

怎麼解決呢？

let _img = img?`${window.default.baseURL}`+'/'+img:'';