vue打包后动态配置API地址

1.static文件夹下新建config.js文件；

export const API = {
// 测试环境
DEV_SERVER: 'http://20.21.1.112:9602',
// 线上环境
PRO_SERVER: 'http://20.21.1.112:9602'
}


2.引入依赖：cross-env；

"build": "cross-env NODE_ENV=production node build/build.js"

3.axios封装文件中引入config.js，根据环境判断使用接口地址；

import { API } from '../../static/js/config'
let baseUrl = ''
if (process.env.NODE_ENV =='development') {
// 开发环境的url
baseUrl = API.DEV_SERVER
} else if (process.env.NODE_ENV == 'production') {
// 正式环境的 request url
baseUrl = API.PRO_SERVER
}
axios.defaults.baseURL = baseUrl