Vue.config.js 中配置 proxy 解决跨域问题，为什么仍然存在跨域问题？

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《Vue.config.js 中配置 proxy 解决跨域问题，为什么仍然存在跨域问题？ 》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

正确配置 vue.config.js 中的 proxy 来解决跨域问题

在 vue.config.js 中配置 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/', 跨域的地址
        changOrigin: true,
        pathRewrite: {
          '^/hyjk_authorization':''
        }
      }
    }

正确配置

看上去代码配置没有问题，但以下几个方面需要注意：

• 检查代理地址是否正确。尝试代理到一个允许跨域的地址，例如: https://www.lilnong.top/cors/。
• 确保pathRewrite规则正确。此规则应将请求路径重写为代理目标。确保'^/hyjk_authorization'和''之间的匹配器和替换符之间没有空格。
• 重启应用程序以使更改生效。

其他注意事项

• 确保网络畅通，并排除网络故障的可能性。
• 确认代理设置是否已在服务器端正确配置。
• 检查是否存在其他可能导致跨域问题的因素，例如 HTTP 标头或 CORS 策略。

今天关于《Vue.config.js 中配置 proxy 解决跨域问题，为什么仍然存在跨域问题？ 》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！