vue3前端axios请求报错network错误的解决办法
作者:小白o.0
在使用Axios进行网络请求时,遇到“Network Error”报错可能是由多种原因导致的,这篇文章主要介绍了vue3前端axios请求报错network错误的解决办法,需要的朋友可以参考下
1.报错截图
2.解决办法
2.1.后端未设置跨域引起
跨域请求问题的出现主要是由于浏览器的同源策略(Same-Origin Policy)导致的。同源策略是一种安全机制,它限制了从一个源加载的文档或脚本与来自另一个源的资源进行交互。具体来说,当协议、域名、端口中的任意一个不相同时,浏览器会认为这是跨域请求,并默认阻止这种请求。
跨域请求问题的原因
- 协议不同:例如从
http
请求https
。 - 域名不同:例如从
example.com
请求api.example.com
。 - 端口不同:例如从
localhost:8080
请求localhost:3000
解决办法
对于springboot
添加CrossOrigin注解
2.2前后端请求不一样引起
对于前端
此处前端后端的请求不一样,只需要把前端的post改成get即可
总结
到此这篇关于vue3前端axios请求报错network错误解决办法的文章就介绍到这了,更多相关vue3 axios请求报错network内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!