正式項(xiàng)目開(kāi)發(fā)的時(shí)候環(huán)境不止一個(gè)所以自帶腳本就不滿(mǎn)足了，這里記錄一下環(huán)境配置

項(xiàng)目根目錄下新建.env.devBuild、.env.development、.env.production

.env.devBuild

NODE_ENV = 'production'
VUE_APP_API_URL_WEB='測(cè)試環(huán)境地址'

.env.development

NODE_ENV = 'development'
VUE_APP_API_URL_WEB='測(cè)試環(huán)境地址

.env.production

NODE_ENV = 'production'
VUE_APP_API_URL_WEB='正式環(huán)境地址'

接口請(qǐng)求配置新建env.js，然后配置axios.defaults.baseURL就好了

env.js

let baseUrl = ''; //這里是一個(gè)默認(rèn)的url，可以沒(méi)有
// eslint-disable-next-line no-undef
switch (process.env.NODE_ENV) {
  case 'development':
    // eslint-disable-next-line no-undef
    baseUrl = '/'; //這里是本地測(cè)試的url,這里我是配了proxy
    break;
  case 'devBuild':
    // eslint-disable-next-line no-undef
    baseUrl = process.env.VUE_APP_API_URL_WEB; //這里是打包到測(cè)試環(huán)境中的url
    break;
  case 'production':
    // eslint-disable-next-line no-undef
    baseUrl = process.env.VUE_APP_API_URL_WEB; //是打包到生產(chǎn)環(huán)境url
    break;
}

export default baseUrl;

部分axios.js代碼

import baseUrl from './env';
axios.defaults.baseURL = baseUrl;
export default axios;

package.json添加代碼

 "scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "devBuild": "vue-cli-service build --mode devBuild"
  },

打包到測(cè)試環(huán)境使用命令行 npm run devBuild,打包到正式環(huán)境就還是 npm run build

項(xiàng)目目錄

注意事項(xiàng)：

.env.devBuild文件.env.后面的名字可以自己定義，不過(guò)要和package.json文件中的vue-cli-service build --mode接的關(guān)鍵字一致。NODE_ENV = 'production'代表打包到生產(chǎn)環(huán)境，NODE_ENV = 'development'代表調(diào)試環(huán)境不要用于打包