使用vue proxy代理

//在config文件下进行代理配置。配置如下:
 proxyTable: {
  '/api': {  //将www.exaple.com 印射为/apis
       target: '127.0.0.1', // 接口域名
       changeOrigin: true, //是否跨域
       pathRewrite: {
         '^/api': ''  //需要rewrite的,置为空
    }
  }

每次新增代理配置,需要重新启动项目。

  1. 问题:修改或新增代理配置后,重新启动项目,发现配置的新配置的代理,没有生效。可以这样解决:
    1. 将项目的端口修改,重新启动。
    2. 关闭服务,将端口号修改回去,再次启动项目。
  2. 问题:配置的代理已经生效,但是实际请求的地址有问题。例如:

    1. 请求如下:
    2. 后台实际收到的url:

    3. 代码:

    4. 正确处理:

    5. 原因:vue中的http代理机制是从上到下,逐个将代理配置进行正则匹配,因为上面已经匹配到了,直接改写,后面的部分保留。

Logo

前往低代码交流专区

更多推荐