vue 前台访问多个后台接口

在vue.config文件中修改地址

   proxy: {
      [process.env.VUE_APP_BASE_API + "/apiPo"]: {
        target: "https://cyqp.devqp.sxcnznkj.com", // 地址1   //表示/api替换成该地址 车用气
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API + "/apiPo"] : ''    //重写api为空
        },
        logLevel:'debug' // 打印代理以后的地址
      },
      [process.env.VUE_APP_BASE_API +"/sucHttp"]: {
        target: "http://bottle.sxcnznkj.com:8014", // 地址2    //表示/sucHttp替换成该地址 工业气
        changeOrigin: true,
        ws: true,
        pathRewrite: {
            ['^' + process.env.VUE_APP_BASE_API + "/sucHttp"] : ''//重写sucHttp为空
        },
        logLevel:'debug' // 打印代理以后的地址
      },
      [process.env.VUE_APP_BASE_API]: {
        target: 'http://192.168.1.3:8080', // 获取本地接口地址，放最后
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        },
        logLevel:'debug' // 打印代理以后的地址
      },
    },

写js文件

export function selectProduceDeptStatisticsList(data) {
  return request({
    url: '/sucHttp/api/statistics/selectProduceDeptStatisticsList', // 根据不同的地址/后面写不同的
    method: 'post',
    data: data
  })
}