vue-cli2:一个网站需要多个API地址，怎么配置？学习一下

1 打开目录 config，

在里面新建一个api.js

2 开始配置

2-1   prod.env.js   （生产环境）

module.exports = {

  NODE_ENV: '"production"',

    API_1: '"这里是第一个api路径"',

    API_2: '"这里是第一二个api路径"',    （有多个自己继续加下去）

}

2-2 dev.env,js    测试环境 

module.exports = {

  NODE_ENV: '"development"',

    API_1: '"这里是第一个api路径"',

    API_2: '"这里是第一二个api路径"',    （有多个自己继续加下去）

}

2-3    api.js

var api-1= process.env.API_1;

var api-2 = process.env.API_2;

export default {

  api-1:api-1,

  api-2:api-2

}

3  main.js 配置一下

import api from  '../config/api.js'

Vue.prototype.api = api;

这样就完成啦 。

this.api.api-1   就可以调用了