由於我們的項目需要在不同環境下進行運行(開發,生產,測試等),這避免我們需要多次的去切換請求的地址以及相關的配置,vue-cli2是可以直接在config文件中進行配置的,但是vue-cli4和vue-cli3已經簡化了,沒有config文件怎么辦?
一、建立.env系列文件
首先我們在根目錄新建3個文件,分別為.env.development,.env.production,.env.test
注意文件是只有后綴的。
.env.development 模式用於serve,開發環境,就是開始環境的時候會引用這個文件里面的配置
.env.production模式用於build,線上環境。
.env.test 測試環境
獲取上傳圖片地址
this.imgUrl1 = process.env.VUE_APP_BASE_API+response.fileName;