vue接口环境配置

vue接口环境配置

代理跨域可无视，代理跨域改的是代理地址

这是基于CORS跨域还有JSONP跨域的

首先新建一个env.js文件

首先要知道一个webpack的配置问题 ，也就是打包的时候环境配置的问题
package.json：
这里边需要配置–mode

"scripts": {
    "dev":"npm run serve ",
    "serve": "vue-cli-service serve --mode=development",   //生产环境
    "build": "vue-cli-service build --mode=production",    //打包上线环境
    "text":"vue-cli-service serve --mode=text",           //测试环境
    "lint": "vue-cli-service lint"
 },

env.js:

let baseURL
switch(process.env.NODE_ENV){   //process.env获取当前nodejs中的一些环境变量   这个环境变量会写入我们的nodejs中    所以会取得一些nodejs中的参数
	case 'development':    // 开发环境地址
	baseURL = '';
	break;
	case 'text':    // 测试环境地址
	baseURL = '';
	break;
	case 'production':    // 上线地址
	baseURL = '';
	break;
	default:      //默认地址
	baseURL = '';
	break;
}
export default {
	baseURL
}

需要在main.js中引入：
main.js

import env from "./env.js"
axios.defaults.baseURL = env.baseURL;