关于axios的CORS问题的解决

Axios基础

• 参考网站
  • 中文文档
  • 使用说明
• 上下文知识
  • Promise in ES6
  • 浏览器同源政策及其规避方法 同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据
  • 跨域资源共享 CORS 详解 实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信

问题描述

Access to XMLHttpRequest at ‘http://localhost:8080/hello' from origin ‘http://localhost:3000' has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

解决方法

• Spring利用@CrossOrigin注解 实现 支持CORS跨域请求 在controller类头部加入注释

@CrossOrigin(origins = "*", maxAge = 3600)