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

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/447765.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

起步前要做哪些准备?

开车前&#xff0c;做好起步的准备工作是必不可少的&#xff0c;有的人可能还不知道开车前要做那些起步工作。一、开车起步前&#xff0c;检查工作不能忘1、检查车子轮胎是否完好&#xff0c;若发现轮胎有损毁&#xff0c;及时更换。2、检查地面是否有会造成伤害的事或物&#…

什么是响应式布局设计

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1. 看一个例子&#xff1a;Mashable 的首页&#xff1a; 浏览器窗口最大化时&#xff1a; 缩小浏览器窗口&#xff1a; 再缩小&#x…

科目三电子路考细节部分

科目三考试是电子监控&#xff0c;相对之前的考官监考更为严格&#xff0c;没有了考官的提醒&#xff0c;我们更要注意什么&#xff1f;其实电子路考考的就是一种意识&#xff0c;一种安全意识。这也就是为什么在考试之前教练反复强调的不是技巧&#xff0c;而是打转向灯按喇叭…

PHP 与 JSP 比较(PHP、ASP、JSP是什么)

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 PHP PHP&#xff08;Hypertext Preprocessor&#xff09;是一种嵌入HTML页面中的脚本语言。它大量地借用C和Perl语言的语法&#xff0c;…

FreeSql (十四)批量更新数据

FreeSql支持丰富的更新数据方法&#xff0c;支持单条或批量更新&#xff0c;在特定的数据库执行还可以返回更新后的记录值。 var connstr "Data Source127.0.0.1;Port3306;User IDroot;Passwordroot;" "Initial Catalogcccddd;Charsetutf8;SslModenone;Max po…

FreeSql (十五)查询数据

FreeSql在查询数据下足了功能&#xff0c;链式查询语法、多表查询、表达式函数支持得非常到位。 IFreeSql fsql new FreeSql.FreeSqlBuilder().UseConnectionString(FreeSql.DataType.MySql, "Data Source127.0.0.1;Port3306;User IDroot;Passwordroot;Initial Catalogcc…

路考变更车道该注意什么?

路考变更车道该注意什么&#xff1f;路考变更车道具体操作方法&#xff1f;路考变更车道注意事项&#xff1f;变更车道技巧&#xff1f;学车啦小编来指导让你更好的来了解路考变更车道&#xff1a; 操作方法 1、观察与判断观察车辆后方、侧方和准备变更的车道上的交通流情况; 2…

Apache RocketMQ:简单消息示例

通过三种方式来发送RocketMQ消息使用: 可靠的同步发送, 可靠的异步发送和单向传输。 这个页面举例说明了这三种消息发送方式. 根据示例找出最适合你的特定用例。 可靠的同步传输 应用&#xff1a;可靠的同步传输广泛应用于重要通知消息&#xff0c;短信通知&#xff0c;短信…

FreeSql (十六)分页查询

IFreeSql fsql new FreeSql.FreeSqlBuilder().UseConnectionString(FreeSql.DataType.MySql, "Data Source127.0.0.1;Port3306;User IDroot;Passwordroot;Initial Catalogcccddd;Charsetutf8;SslModenone;Max pool size10").UseAutoSyncStructure(true) //自动同步实…

电脑考官三点技巧

路考智能考试系统&#xff0c;考生直接从电脑语音获得指令进行考试&#xff0c;系统会根据考试车的实际位置自动并进行评判&#xff0c;考官不再坐在副驾驶座。诀窍一&#xff1a;夜间道路行驶&#xff0c;不同情况打不同灯&#xff0c;一定要非常熟悉。灯光过不了关&#xff0…

git 提交 不用输入用户名、密码的方法(GIT免密提交)

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 我以前设置过&#xff0c;但最近把项目换地方了&#xff0c;环境也改了些配置&#xff0c;发现不能免密 push 了。 设置方法如下&#…

FreeSql (十七)联表查询

FreeSql在查询数据下足了功能&#xff0c;链式查询语法、多表查询、表达式函数支持得非常到位。 IFreeSql fsql new FreeSql.FreeSqlBuilder().UseConnectionString(FreeSql.DataType.MySql, "Data Source127.0.0.1;Port3306;User IDroot;Passwordroot;Initial Catalogcc…

科目三路考经验分享

科目三路考&#xff0c;对于一个新手&#xff0c;如果没有很好的心理素质&#xff0c;就可能会慌张的无法通过科目三路考考试。其次就是起步要领&#xff0c;上车后调整好座位&#xff0c;系好保险带。把挡位放在空挡&#xff0c;点火&#xff0c;打开左方向灯&#xff0c;切换…

vue 实现瀑布流布局的 组件/插件总汇:vue-waterfall、vue-waterfall-easy、vue-virtual-collection、vue-grid-layout

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 瀑布流作为当前比较流行的一种网页布局方式&#xff0c;在视觉上呈现出参差不齐、琳琅满目、唯美的视觉效果&#xff0c;该布局随着页面…

FreeSql (十八)导航属性

导航属性是 FreeSql 的特色功能之一&#xff0c;可通过约定配置、或自定义配置对象间的关系。 导航属性有 OneToMany, ManyToOne, ManyToMany, OneToOne, Parent 五种配置关系。 有了导航属性&#xff0c;多表查询会非常方便&#xff0c;lambda 表达式中直接使用导航对象点点点…

做什么运动可以排毒养颜

排毒养颜吃什么很重要&#xff0c;现在的社会污染这么严重&#xff0c;人体都置身于有毒的环境中&#xff0c;除了吃的排毒方法&#xff0c;还需要了解做什么运动可以排毒养颜。下面就来介绍几个简单的动作来排毒养颜。 方法/步骤 赤脚走路可以增强体质&#xff0c;足底有许多和…

FreeSql (十九)多表查询

多表查询&#xff0c;常用的有联表 LeftJoin/InnerJoin/RightJoin &#xff0c;这三个方法在上篇文章已经介绍过。 除了联表&#xff0c;还有子查询 Where Exists&#xff0c;和 Select 子表&#xff1a; IFreeSql fsql new FreeSql.FreeSqlBuilder().UseConnectionString(Fre…

docker启动,重启,关闭命令

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 --------------------- 转自&#xff1a;https://blog.csdn.net/easternunbeaten/article/details/80463837

车祸是怎么发生的 不论你是否开车都该看看!

【导读】 虽然有越来越多的人拿到了驾照&#xff0c;但是全国仍有10亿多人不会开车&#xff0c;本文写给所有不会开车的人&#xff1a; 我作为一个曾经也不会开车的人&#xff0c;我也曾认为开车的不敢撞人&#xff0c;所以过马路都非常大胆…… 确实!没有司机敢撞人!不可能有哪…

FreeSql (二十)多表查询 WhereCascade

WhereCascade 多表查询时非常方便&#xff0c;有了它可以很轻松的完成类型软删除&#xff0c;租户条件的功能。 IFreeSql fsql new FreeSql.FreeSqlBuilder().UseConnectionString(FreeSql.DataType.MySql, "Data Source127.0.0.1;Port3306;User IDroot;Passwordroot;Ini…