大佬们，到时候我上线proxyTable还需要更改吗，跪求解答

Question

proxyTable: {

     "/api":{
        target: 'https://app.hsltm.com',
        changeOrigin: true,
        pathRewrite: {
            '^/api': '/api'
        }
    },
    '/ssm-api': {
      target: 'https://appdb.hsltm.com',
      changeOrigin: true,
      pathRewrite: {
        '^/ssm-api': '/ssm-api'
      }
    },
  '/wxapi-web': {
    target: 'https://appdb.hsltm.com',
    changeOrigin: true,
    pathRewrite: {
      '^/wxapi-web': '/wxapi-web'
    }
  }
},

上面是我配置的
--------------
 Broadcast () {
    let that = this
    that.axios({
      url: '/wxapi-web/...',
      method: 'get',
    }).then((response) => {
      that.swiperLists = response.data.pageInfo.list
    })
  },
  这是我的请求
  -------------
  到时候打包上线我还需要更改什么吗，到时候接口地址和web服务器不在一起

Answer 1

你现在写的proxyTable都是开发阶段的配置 打包都不会打这些东西

补充：

axios({
  url: '/wxapi-web/...',
  method: 'get',
})

你url用的绝对路径 你访问页面用的 https://abc.com 那么 你对这个路径就是 https://abc.com//wxapi-web/...

1 . web服务器 -> 接口服务器(设置跨域) 地址：https://appdb.hsltm.com
你可以：

axios({
  url: 'https://appdb.hsltm.com/wxapi-web/...',
  method: 'get',
})

或者

var instance = axios.create({
  baseURL: 'https://appdb.hsltm.com/',
});

instance({
  url: '/wxapi-web/...',
  method: 'get',
})

var instance2 = axios.create({
  baseURL: 'https://def.com/',
});

instance2({
  url: '/wxapi-web/...',
  method: 'get',
})

2 . web服务器（设置代理功能） -> 接口服务器
你启动web服务器用的是什么 如果你的web服务器可以设置跨域 代码不用修改

3 . web服务器 -> 代理服务器 -> 接口服务器
代码同1一样 url要写成 代理服务器地址

Answer 2

上线需要后台配置允许跨域问题或者nignx配置代理来解决

踩我有病啊?我说的不对? 脑痴吗? 真的烦

Answer 3

会自动匹配，不需要修改

Answer 4

咋的，你要在服务器上运行webpack dev server？