VUE跨域访问的坑

最新推荐文章于 2024-07-24 13:30:37 发布

chengqu7075

最新推荐文章于 2024-07-24 13:30:37 发布

阅读量306

点赞数

文章标签： javascript 后端 ViewUI

原文链接：https://my.oschina.net/mlh3823/blog/3097451

版权

VUE-CLI 2.5.2

VUE配置跨域访问，开发环境需要配置/config/index.js中的proxyTable代理。之前配置

proxyTable: {
      '/api': {
        target: 'http://xxx.com:8089/', // 要代理的域名
        changeOrigin: true,//允许跨域
        pathRewrite: {
          '^/api': '' // 这个是定义要访问的路径
        }
      }
  }

这是直接从网上搜索粘贴过来的，只改了target。后端服务地址是http://xxx.com:8089/api/service 因为一直相当然的以为F12调试面板显示的地址会直接是代理后的地址。结果一直没有调通。

proxyTable: {
      '/api': {
        target: 'http://xxx.com:8089/', // 要代理的域名
        changeOrigin: true,//允许跨域
        pathRewrite: {
          '^/api': '/api' //这里改为映射后端路径
        }
      }
  }

修改后，代理生效。

综上所述

1.因为服务代理转发的请求，因此F12调试面板的地址还是原路径，不能想当然认为路径会变为代理后路径。

2.后端服务必须是可用的，因为一开始没考虑pathRewrite是干什么用的所以一直纠结URL为什么没有变为代理地址，而忽略了此处后台访问路径是错误的。

转载于:https://my.oschina.net/mlh3823/blog/3097451