登录
首页 >  文章 >  前端

Vue 跨域配置代理后依然报错,如何排查问题?

时间:2024-11-22 16:22:05 469浏览 收藏

文章不知道大家是否熟悉?今天我将给大家介绍《Vue 跨域配置代理后依然报错,如何排查问题? 》,这篇文章主要会讲到等等知识点,如果你在看完本篇文章后,有更好的建议或者发现哪里有问题,希望大家都能积极评论指出,谢谢!希望我们能一起加油进步!

Vue 跨域配置代理后依然报错,如何排查问题?

如何解决 Vue 中跨域问题?

在项目中配置了代理,但却仍然遇到了跨域问题?以下是如何解决的:

代码检查如下:

if(config.resType) {
    config.baseURL = ‘/hyjk_authorization’; // 判断请求地址
  } else {
    config.baseURL = process.env.VUE_APP_BASE_API;
  }

proxy: {
      '/hyjk_authorization': {
        target: 'http://211.90.39.00:8089/', 跨域的地址
        changOrigin: true,
        pathRewrite: {
          '^/hyjk_authorization':''
        }
      }
    }

从代码上看,配置似乎没有问题。建议尝试以下方法:

  • 将你的代理目标代理到 https://www.lilnong.top/cors/,看看是否有返回。 如果可以通过此代理,则说明你的本地代理设置正确。
  • 检查 PathRewrite,确保它正确地重写请求路径。
  • 确保网络连接通畅并已重启项目。

今天关于《Vue 跨域配置代理后依然报错,如何排查问题? 》的内容介绍就到此结束,如果有什么疑问或者建议,可以在golang学习网公众号下多多回复交流;文中若有不正之处,也希望回复留言以告知!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>