VUEResponse to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘

 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的时候，大伙们记得要多注意看，别犯同样的错误了。

希望该文章对你们有帮助哈，有帮到你们的麻烦点个赞哈，有兴趣的朋友可以关注一下公众号，公众号上会发布一些最近行业常用的技术，还有一些自己见解的文章。