解决ajax中No ‘Access-Control-Allow-Origin‘ header is present on the requested resource跨域问题

红太狼 2021-11-05 15:26 288阅读 0赞

ajax跨域只是属于浏览器“同源策略”中的一部分，如果前端html页面通过ajax访问后台服务时，两个服务不在同一个域上会存在跨域问题。具体报错如下：

![20190807134056198.png][]

# 解决办法： #

## 1、如果是spring或SpringBoot项目 ##

在访问的接口处添加 ***@CrossOrigin ***注解，其中有两个参数如下，如果不加则代表允许所有ip访问

*  **origins ** ： 允许可访问的域列表
 *  **maxAge**：准备响应前的缓存持续的最大时间（以秒为单位）

@CrossOrigin
    @RestController
    @RequestMapping("/user")
    public class UserController {
    
        @RequestMapping("/{id}")
        public User getUser() {
            // ...
        }
    
    }

## 2、如果是普通jsp项目 ##

代码中添加：responce.header("Access-Control-Allow-Origin","\*"); 代表所有url都可以访问

## 3、如果是Nginx代理服务器的方式 ##

location /api {
        add_header Access-Control-Allow-Origin "*";
        .......
    }

### \------扫码进群，怕你禁不住福利的诱惑------ ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzE5MjEwMg_size_16_color_FFFFFF_t_70][]

[20190807134056198.png]: /images/20211105/87ab79e657b74d0c99aea851d6eb7b1d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzE5MjEwMg_size_16_color_FFFFFF_t_70]: /images/20211105/5bf02dc967cb4bdb96d1462bcd48681c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，288人围观）

还没有评论，来说两句吧...

相关阅读

相关快速解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource

问题描述： ![20200826113238454.png][] 解决方法一：在后端controller类或者方法上添加注解 @CrossOrigin

缺乏、安全感/ 2022年12月01日 05:23/ 0 赞/ 135 阅读

相关 No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案

原文地址：[https://blog.csdn.net/zhoucheng05\_13/article/details/53580683][https_blog.csdn.ne

忘是亡心i/ 2022年05月26日 06:55/ 0 赞/ 152 阅读

相关 Post request is No 'Access-Control-Allow-Origin' header is present on the requested resource跨域问题解决

跨域问题报错信息为：post request is No ‘Access-Control-Allow-Origin’ header is present on the

绝地灬酷狼/ 2022年05月22日 02:27/ 0 赞/ 148 阅读

相关完美解决Springboot跨域（No 'Access-Control-Allow-Origin' header is present on the requested resource）

1.由于项目前后端分离，前段访问后端接口，出现：“Response to preflight request doesn't pass access control check

冷不防/ 2022年05月09日 12:56/ 0 赞/ 873 阅读

相关跨域问题 No 'Access-Control-Allow-Origin' header is present on the requested resource

刚学习nginx+tomcat+spring+vue配置项目代理，在公司window7启动没有问题，但是在家里window10不行，始终报No ‘Access-Control

约定不等于承诺〃/ 2021年12月10日 11:07/ 0 赞/ 406 阅读

相关解决ajax中No ‘Access-Control-Allow-Origin‘ header is present on the requested resource跨域问题

ajax跨域只是属于浏览器“同源策略”中的一部分，如果前端html页面通过ajax访问后台服务时，两个服务不在同一个域上会存在跨域问题。具体报错如下： ![201908071

红太狼/ 2021年11月05日 15:26/ 0 赞/ 289 阅读

相关 No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案

已经记不得第几次遇到这种问题了，从来没直面解决过这个问题，趁现在不忙的情况下，做个笔录 No 'Access-Control-Allow-Origin' header is

我就是我/ 2021年10月26日 12:42/ 0 赞/ 273 阅读

相关报错：跨域问题解决 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

报错： Access to XMLHttpRequest at 'http://127.0.0.1:8088/user/list' from origin 'http

本是古典何须时尚/ 2021年09月25日 03:52/ 0 赞/ 206 阅读

相关 No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案

出现该错误是由于存在网站跨域访问的问题。什么是网站跨域，简单来讲，当你通过ajax来请求或发送数据时，两个域名之间不能跨过域名来发送请求或者请求数据，浏览器会认为它是不安全

喜欢ヅ旅行/ 2021年09月16日 09:10/ 0 赞/ 171 阅读

相关 ajax 跨域访问 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource

现象：在ajax访问web后端获取信息时，报错如下 Access to XMLHttpRequest at 'http://192.167.3.81:

ゞ浴缸里的玫瑰/ 2021年06月22日 15:38/ 0 赞/ 330 阅读