proxyTable如何配置匹配所有路径?

正常配置是这样能获取数据:

    proxyTable: {
      '/goods': {
        target: 'http://192.168.0.230:82/',
        changeOrigin: true,
        pathRewrite: {
          '^/goods': '/goods'
          }
      }

但是我的goods不是唯一的,会变;我改成"/","*"都不行

    proxyTable: {
      '/': {
        target: 'http://192.168.0.230:82/',
        changeOrigin: true,
        pathRewrite: {
          '^/': '/'
          }
      }
    proxyTable: {
      '*': {
        target: 'http://192.168.0.230:82/',
        changeOrigin: true,
        pathRewrite: {
          '^/': '/'
          }
      }

应该怎么配置?

阅读 12.3k
3 个回答
proxyTable: {
  '/api': {
    target: 'http://192.168.0.230:82/',
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''
      }
  }

然后请求接口的时候就 axios.get('/api/goods/...'),把你的接口前面都加一个api就能统一

*文档里给的是**/ 应该没问题的,有可能是你target后面多了个/
vue里这个设置是来自于http-proxy-middleware插件

借楼,备忘~。

老老实实在接口里面加上前缀就好,不要想太多。
vue-cli项目npm run dev运行端口:localhost://8080
api数据接口:localhost://7070

跨越相关配置

vue-cli项目/src/config.dev.js配置一个请求的前缀:/api,
vue-cli项目/src/config.prod.js对应的则配置为域名/api,或者将api接口的api前缀设置为缺省。

vue-cli项目/config/index.js dev节点配置proxyTable

proxyTable: {
      '/api':  'http://localhost:7070'
}

运行vue项目后,所有的api请求格式为:http:localhost://8080/api/home/info
然后由vue项目开启的服务器模拟请求(代理)到http://localhost:7070/api/home/info

如果是mvc项目配置下路由就好,没多少事

api/{controller}/{action}/{id}

如果想 http:localhost://8080直接转到http://localhost:7070,想啊,如果直接这样玩,访问http://localhost:8080/index.html页面不也转到http://localhost:7070/index.html去了吗.
别和我说可以配置header啊参数啊啥来区分,我只想跨个域罢了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
1 篇内容引用
推荐问题
宣传栏