已拦截跨源请求:同源策略禁止读取位于 ************ 的远程资源。(原因:CORS 头缺少 ‘Access-Control-Allow-Origin’)。

个人遇到的问题:使用原生JavaScript的 XMLHttpRequest 进行跨域资源的访问,遇到了这个问题。这个问题是由于不同的域名之间的资源访问, 当前的页面或者服务器不允许其它地址的跨域资源访问造成的。

解决方法如下:

  1. 首先, 确保服务端允许跨域资源共享, 在Spring Boot中, 在对应的控制器方法中添加@CrossOrigin 注解, 指明这个控制器方法允许跨域资源共享。你可以设置指定的站点, 也可以使用通配符来设置, 如 @CrossOrigin(origins = "*") 则说明这个控制器方法允许任意地址的跨域资源访问。
  2. 其次, 设置 XMLHttpRequest 对象的请求 Access-Control-Allow-Origin· 的属性设置为允许跨域资源访问的地址, 你可以详细指明这些地址, 也可以使用通配符来描述。同样地, 将该属性设置为 * 说明允许任意的跨域资源的访问。
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐