使用jsonp和cors进行跨域的接口环境设置

使用jsonp和cors进行跨域的接口环境设置

1. 在src目录下创建env.js文件，判断和获取执行环境

let baseURL;
switch (process.env.NODE_ENV) {
  case 'development':
    baseURL = 'http://dev-mall-pre.springboot.cn/api'
    break
  case 'test':
    baseURL = 'http://test-mall-pre.springboot.cn/api'
    break
  case 'production':
    baseURL = 'http://prod-mall-pre.springboot.cn/api'
    break
  default:
    baseURL = 'http://mall-pre.springboot.cn/api'
    break
}

export default {
  baseURL
}

2. 修改package.json文件，添加mode环境关键字

"scripts": {
    "serve": "vue-cli-service serve --mode=development",
    "test": "vue-cli-service build --mode=test",
    "build": "vue-cli-service build --mode=production",
    "lint": "vue-cli-service lint"
  },

如果想自定义mode后的值，可以在src目录下创建.env.变量名
例如.env.test

NODE_ENV = 'test'

3. 在main.js中使用

import env from './env'
axios.defaults.baseURL = env.baseURL