前端跨域怎么解决vue（vue前端解决跨域问题）



当我用Vue从接口中调用数据，返回如下的代码

Access to XMLHttpRequest at 'http://192.168.45.16:8999/dataVisualization/selectOrderInfo' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

表示出现由于浏览器的同源策略导致的跨域访问问题

可是设置代理简单有效的解决这个问题

解决如下：

1、找到vue根目录下的vue.config.js文件

2、在文件中添加以下内容，修改其中的path-prefix和http

 3、调用时无需用http，直接写请求路径，例如我的：

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/49442.html