项目开发遇到问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

在vue＋springboot中项目中遇到跨域问题Access to XMLHttpRequest at ‘http://localhost:9001/xxx’ 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.

搜索了一会发现是跨域问题，之前也遇到过几次，检查代码在相应的Controller上加上注解：@CrossOrigin()

@RestController
@CrossOrigin()
public class EduChapterController {

已经加过，不是这个问题。
对比接口url

 @GetMapping("getChapterInfo/{chapterId}")

url: '/eduservice/chapter/getChapterInfo/'+chapterId,

没问题一样的啊，跨域不就是这两个问题吗？找了很久终于发现了问题所在
后端get请求

  @GetMapping("getChapterInfo/{chapterId}")

调用post请求

getChapter(chapterId) {
    return request({
        url: '/eduservice/chapter/getChapterInfo/'+chapterId,
        method: 'post',
      })
}

请求方法没跟接口一致，把post改为和接口一致的get之后，完美解决

总结

目前发现跨域问题可以试试两种解决方式
1、controller加上@CrossOrigin()注解
2、对比前后端url和提交方法