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

心靈之曲
发布: 2024-11-09 10:18:01
原创
1145人浏览过

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':''
        }
      }
    }
登录后复制

正确配置

奇域
奇域

奇域是一个专注于中式美学的国风AI绘画创作平台

奇域 30
查看详情 奇域

立即学习前端免费学习笔记(深入)”;

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

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

其他注意事项

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

以上就是Vue.config.js 中配置 proxy 解决跨域问题,为什么仍然存在跨域问题?的详细内容,更多请关注php中文网其它相关文章!

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号