vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue3 axios请求报错network

vue3前端axios请求报错network错误的解决办法

作者:小白o.0

在使用Axios进行网络请求时,遇到“Network Error”报错可能是由多种原因导致的,这篇文章主要介绍了vue3前端axios请求报错network错误的解决办法,需要的朋友可以参考下

1.报错截图

2.解决办法

2.1.后端未设置跨域引起

跨域请求问题的出现主要是由于浏览器的同源策略(Same-Origin Policy)导致的。同源策略是一种安全机制,它限制了从一个源加载的文档或脚本与来自另一个源的资源进行交互。具体来说,当协议、域名、端口中的任意一个不相同时,浏览器会认为这是跨域请求,并默认阻止这种请求。

跨域请求问题的原因

解决办法

对于springboot

添加CrossOrigin注解

2.2前后端请求不一样引起

对于前端

此处前端后端的请求不一样,只需要把前端的post改成get即可

总结

到此这篇关于vue3前端axios请求报错network错误解决办法的文章就介绍到这了,更多相关vue3 axios请求报错network内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文