springbootajaxhas been blocked by CORS policy: No ‘Access-Control-Allow-Origin

2024-06-04 14:08

本文主要是介绍springbootajaxhas been blocked by CORS policy: No ‘Access-Control-Allow-Origin,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。

ajax+springboot解决跨域问题,以下报的错误就是html跨域的问题

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

springboot解决跨域的问题的两种方法

前端测试代码:

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title>
</head><body>
<div id="form-div"><form id="form1"><p>用户名:<input name="email" type="text" id="txtUserName" tabindex="1" size="15" value="" /></p><p>密 码:<input name="password" type="text" id="TextBox2" tabindex="2" size="16" value="" /></p><p><input type="button" value="登录" onclick="login()">&nbsp;<input type="reset" value="重置"></p></form>
</div>
</body>
<script type="text/javascript" src="../static/jquery/jquery-3.3.1.js"></script>
<script type="text/javascript">function login() {$.ajax({//几个参数需要注意一下type: "POST", //方法类型dataType: "json", //预期服务器返回的数据类型url: "http://localhost:8080/user/login1", //urldata: $('#form1').serialize(),success: function(result) {console.log(result); //打印服务端返回的数据(调试用)if(200 == result.resultCode) {alert("SUCCESS");};},error: function() {alert("异常!");}});}
</script></html>

 第一种:写一个class,配置的class

package com.example.demo;import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;/*** Author:Yangjingcheng* Date:2018/*/
@Configuration
public class CorsConfig {private CorsConfiguration buildConfig() {CorsConfiguration corsConfiguration = new CorsConfiguration();corsConfiguration.addAllowedOrigin("*");corsConfiguration.addAllowedHeader("*");corsConfiguration.addAllowedMethod("*");return corsConfiguration;}@Beanpublic CorsFilter corsFilter() {UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();// 配置所有请求source.registerCorsConfiguration("/**", buildConfig());return new CorsFilter(source);}
}

第二种,在你要访问的Controller的方法上面加上注解 @CrossOrigin

package com.example.demo;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.ModelAndView;
import java.util.ArrayList;
import java.util.List;@Controller
public class TestController {@CrossOrigin@RequestMapping("/user/login1")@ResponseBodypublic List<User> userLogin(User user) {System.out.println(user);ArrayList<User> users = new ArrayList<>();for (int i = 0; i < 3; i++) {users.add(user);}return users;}
}

OK了

 

 转自:https://blog.csdn.net/lovePaul77/article/details/85681404

 

这篇关于springbootajaxhas been blocked by CORS policy: No ‘Access-Control-Allow-Origin的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1030289

相关文章

【ASP.NET】 No 'Access-Control-Allow-Origin' header is present on the requested resource.

前端JS用XMLHttpRequest,请求后端数据。出现了No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 我是使用的ASP.NET框架。 解决办法: 在Web.config文件相应地方添加: <?xml version="1.0" encoding="utf-8"?><confi

Nginx 配置access_by_lua返回状态码和参数

1、介绍 access_by_lua是nginx权限访问控制的一个模块,通过配置相关参数可以达到访问应用权限控制的目的 2、示例 ngx.header.content_type = "application/json;charset=utf8" 控制返回数据的类型ngx.say用来返回数据ngx.exit退出并返回状态码 location ~*\/api/v4/(objects|warni

“*** error 65: access violation at 0x40021000 : no 'read' permission”错误的解决

错误原因: 在Keil5下面进行模拟运行的时候总是点击一下Run,程序才走一步,还从时钟配置里面出不来。 解决办法: 第一种方法 : Option->Debug->Use_Simulator->Initialization_File,打开并新建一个.ini文件,里面写上map 0x40000000,0x400FFFFF read write保存即可(MAP不区分大小写,注意read和wri

MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements

目录 一、问题描述二、解决方法1.查看密码策略2.修改密码策略为 LOW3.修改密码长度为 6 一、问题描述 MySQL8 修改密码报错:ERROR 1819 (HY000): Your password does not satisfy the current policy requirements 二、解决方法 1.查看密码策略 show variables li

windows下mysql修改 my.ini的datadir后 `Access denied`

1. 背景 window安装mysql数据库时,不能指定数据文件存放位置(默认安装路径 "C:/ProgramData")。 只能通过修改mysql.ini来更改数据文件存放目录。 2. 问题: 修改mysql.ini后,mysql 出现 "Access denied for user ‘root‘@‘localhost‘ (using password: YES)"。

Access restriction: The type 'XXX' is not API (restriction on required library 'C:\Progra

1.问题 Eclipse 编译错误: Access restriction: The type 'xxx' is not API (restriction on required library 'C:\Progra。。。 我引入一个    import sun.misc.ProxyGenerator;  但是Eclispe编译报错,但是java的jre确实有该包。 2.解决方法

java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)问题

1.问题描述:   在myeclipse中发布web服务器,通过手机客户端访问MySQL数据库(也就是myeclipse中的tomcat连接的数据库),myEclipse 的控制台(Console)报出如下错误 java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES) 2.自己

启动zabbix服务端报connection to database 'zabbix' failed: [1044] Access denied for user 'zabbix'@'localhos

启动zabbix服务端报Access denied for user 'zabbix'@'localhost' to database 'zabbix' 其中zabbix数据库创建及zabbix_server.conf配置均无问题,查看数据库zabbix的权限赋值,需要赋值'zabbix'@'localhost’的权限。

SharePoint创建Alternate Access Mapping (AAM)备用访问映射

SharePoint创建Alternate Access Mapping (AAM)备用访问映射 SharePoint的仓库是SQL Server中的内容数据库。这些数据库储存着组织所有的数据。组织可能要求公司外的人员可以访问这个数据的子集。例如,供应商可能希望知道他们的发票是否兑付。  另一个例子是在大型企业中,小时工可能看到和正式职员不同的数据子集。这些数据都在同一个内容数据库中。

SharePoint集成Excel数据和Excel Web Access Web部件

SharePoint集成Excel数据和Excel Web Access Web部件 Excel Web Access Web部件在SharePoint中Excel电子表单里呈现数据。 1. 打开Excel 2010.创建空白工作薄。 2. 添加数据。 3. 点击另存为,选择文档库,点击确定,选择文档,点击确定。 4. 也可以添加Web部件。