一个项目多个后端

解决：一个项目不同基地址

如果你在发请求的时候， 基地址baseURL不通用，这时发请求时可以 单独再写个 baseURL：

src/api/index.js：
请求后端 1：

import request from '../utils/request'

export function userList(params){
    return userRequest({
        url:"/user/list",
        method:'get',
        params
    })
}

请求后端 2：

export function userAdd(data){
    return userRequest({
        url:"/user/add",
        method:'post',
        baseURL: 'http://23.223.223.23:8000',
        data
    })
}

单独写个 baseURL ，能使原先定义好的 基地址 被覆盖掉，进而解决 基地址不通用 而导致的 请求无法发送成功 的问题。
不够 nice 的是，一个不同基地址 就要写一次 baseURL，虽然有点傻傻的，但确实管用。

---

解决：一个项目不同后端

如果：你的项目后端接口正在开发中，你自己也通过mock.js等工具生成了假数据，

• 后端已写好的，你就要调用后端的接口发请求；
• 后端没写好的，你就要调用mockjs发请求。
  这时，你可以通过 配置代理 来解决这个问题：

1、在项目根目录新建 mock 文件夹，新建 index.js 文件，配置使用 mockjs (略)…

2、在项目根目录新建 vue.config.js 文件，主要代码如下：

vue.config.js：

 devServer: {
    host: '0.0.0.0', //局域网和本地访问
    hot: true,
    port: devPort,
    open: false,
    noInfo: false,
    overlay: {
      warnings: true,
      errors: true,
    },
    before: require('./mock/index.js'), // 后端接口未齐全，暂时使用 mock 的数据代替
    after: mockServer(),
    proxy: {
      '/api': {
        target: 'http://23.223.223.23:8000', 
        changeOrigin: true,
      },
    },
  },

核心代码： before: require('./mock/index.js')

前往：前端跨域代理