正确配置 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 解决跨域问题，为什么仍然存在跨域问题？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2803475.html
