首页 > 文章列表 > Vue 配置 Proxy 仍有跨域问题,如何排查解决?

Vue 配置 Proxy 仍有跨域问题,如何排查解决?

478 2024-11-17

Vue 配置 Proxy 仍有跨域问题,如何排查解决?

Vue 配置 Proxy 仍有跨域问题,深究解决之道

在 Vue 项目中配置 Proxy 以解决跨域问题,需要仔细检查 proxy 的配置是否正确。以下是一个典型的配置文件示例:

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/', 跨域的地址
        changeOrigin: true,
        pathRewrite: {
          '^/hyjk_authorization':''
        }
      }
    }

对于这个问题,从给出的代码来看,配置似乎没有问题。值得一试的是,代理到另一个地址,例如:

target: 'https://www.lilnong.top/cors/',

如果这个地址可以返回数据,那么可以检查 PathRewrite 或其他配置是否正确。如果仍然不行,则可能存在以下原因:

  • 网络不通:检查网络是否连接正常。
  • 未重启:确保在更新配置后重新启动 Vue 项目。

此外,可以尝试使用其他代理服务器,例如:

proxy: "http://127.0.0.1:9000/",

通过上述方法,可以逐一排查并解决 Vue 项目中代理跨域的问题,确保应用程序正常运行。

来源:1731043012