vue3 跨域配置仍然无效？
问题：
用户按照文档配置了 .env 文件、api、config.ts，但是跨域请求仍然无法通过代理。配置如下：
.env 文件：
立即学习“前端免费学习笔记（深入）”；
vite_port=172vue_app_api_host=localhost
api 使用：
axios.get(`/interface/test`);
config.ts：
config.tscreateProxy: {'/interface': { target: `http://${process.env.VUE_APP_API_HOST}:${process.env.VITE_PORT}`, changeOrigin: true, ws: true, secure: false}}
解答：
根据问题描述，配置中可能存在以下问题：
检查你的 createproxy 方法和 axios 是否配置了 baseurl。如果没有配置，则请求将直接发送到目标 url，而不会经过代理。将第一个规则 /interface 修改为 /。这样做可以让所有请求都经过代理。
如果仍然无法通过代理，请检查：
vite_port 环境变量是否与 baseurl 中的端口一致。如果端口不一致，则请求将直接发送到目标 url，而不会经过代理。
以上就是Vue3 跨域配置生效失败，问题出在哪？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1497485.html
微信扫一扫 
支付宝扫一扫 
