VUEResponse to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘
Failed to load http://localhost:9001/eduservice/course/addCourseInfo: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the request
Uncaught (in promise) error
Failed to load http://localhost:9001/eduservice/course/addCourseInfo: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9528' is therefore not allowed access.
createError.js:16 Uncaught (in promise) Error: Network Error
at createError (createError.js:16)
at XMLHttpRequest.handleError (xhr.js:87)
好好的一天从发现BUG开始,今天在做前后端粉里分离的项目时,前端报了这个错,使用的前端工具是VScode,使用vue,后端是idea
看到Access-Control-Allow-Origin我的第一反应就是跨域问题
情况1、后端对应的的Controller都加上@CrossOrigin
,由于之前出现过该问题的我,兴致勃勃地跑过去后端,一顿暴加,每个Controller都加上了该注解,脸上带着笑容自信重新运行,可是,但再点提交时,笑容渐渐消失,还是报错,于是再把错误看了一遍 Origin 'http://localhost:9528' is therefore not allowed access.
,发现这个错误好像是前端的,于是跑去前端看。(当然有人问题是出现在后端)
情况2、面对前端,有些许无奈,看了很久,后来想到应该是路径除了问题,找到对应的api页面
没想到问题真的出在这,后端是Post提交的,前后写成Get提交了,前端因为是复制路径的关系,每及时改过来,小马虎花费大力气,以后CV的时候,大伙们记得要多注意看,别犯同样的错误了。
希望该文章对你们有帮助哈,有帮到你们的麻烦点个赞哈,有兴趣的朋友可以关注一下公众号,公众号上会发布一些最近行业常用的技术,还有一些自己见解的文章。
更多推荐
所有评论(0)