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 跨域配置代理后依然报错,如何排查问题?的详细内容,更多请关注其它相关文章!