场景：有生产和开发的环境，不同的环境需要调用不同的接口地址。
步骤一、在根目录创建ENV.js文件，文件名你们可以自定义
代码/*
全局配置文件
*/
let ENV_API_URL={
develop:'这里填写开发环境的接口地址',//开发环境接口
production:'这里填写生产环境的接口地址'//生产环境接口
}
let url=ENV_API_URL.develop;
if(process.env.NODE_ENV === 'development'){
url=ENV_API_URL.develop;
console.log('开发环境');
}else{
url=ENV_API_URL.production;
console.log('生产环境');
}
export const API_URL=url;
备注：系统会自动判断编译环境，然后输出对应的api接口网址
步骤二、在根目录main.js文件内引用env.js 并赋值全局变量
代码import {API_URL} from './env.js'
Vue.prototype.$API_URL=API_URL;
备注：现在引用了env.js文件里的API_URL变量。并且赋值给全局变量$API_URL。
步骤三、在pages目录里，任意vue文件调用$API_URL
用法：this.$API_URL 总结：首先创建一个文件用于管理配置文件，然后再main.js文件里引用并定义全局变量，然后再需要调用的地方进行调用该全局变量名即可。如需转载请保留本文出处: https://zhe94.com/848.html
