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

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战，手把手教大家学习《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 项目中代理跨域的问题，确保应用程序正常运行。

以上就是《Vue 配置 Proxy 仍有跨域问题，如何排查解决？ 》的详细内容，更多关于的资料请关注golang学习网公众号！