XHR failed loading: POST “http://localhost:8080/user/login2“. DevTools failed to load source map

凹凸曼杰瑞

已于 2022-04-11 11:28:04 修改

阅读量4.9k

点赞数 1

分类专栏： web前端文章标签： ajax

于 2022-04-11 11:26:45 首次发布

本文链接：https://blog.csdn.net/lh16130130282/article/details/124094786

版权

web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

XHR failed loading: POST “http://localhost:8080/user/login2”.
btn.onclick @ test_file.html:34
Navigated to http://127.0.0.1:8848/login1/test_file.html?username=%E5%BC%A0%E4%B8%89&password=123456
DevTools failed to load source map: Could not load content for chrome-extension://giijkmholjmdmpojlmmoieghkilnhkhb/static/js/0.chunk.js.map: System error: net::ERR_BLOCKED_BY_CLIENT

出现改错误是前端情况如下：

在这里插入图片描述

前端页面代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>FormData文件上传测试</title>
	</head>
	<body>
		<form id="form1">
			<input type="text" name="username"><br>
			<input type="password" name="password"><br>
			<button id="btn1">提交</button>
			<!-- <div id="btn1">提交</div> -->
			<!-- <button type="button" id="btn1">提交</button>  -->
			<!--button标签一定要写明：type="button"，不然放在form表单中会被当成submit,点击时会提交到form的action默认路径上，当默认路径与目标路径不一致时，就会导致连接错误-->
		</form>
	</body>
	<script src="js/jquery-3.6.0.js"></script>
	<script type="text/javascript">
		//获取按钮
		var btn=document.getElementById("btn1");
		
		//获取表单
		var form=document.getElementById("form1");
	
		//为按钮添加点击事件
		btn.onclick=function()
		{
			
			//将普通的html表单转为表单对象
			var formData=new FormData(form);
			$.ajax({
			//几个参数需要注意一下
			    type: "POST",//方法类型
			    // contentType:"application/json; charset=utf-8",
				contentType:false,
				processData:false,
			    dataType: "json",
			    url: "http://localhost:8080/user/login2" ,//url
			    data: formData,//前端向服务器查传送的数据一般是字符串,Json.stringify将json数据转为字符串
			    success: function (result) {
			        //console.log(typeof result);//打印服务端返回的数据类型，是json对象
					console.log(result);
					if(result.flag){			
						console.log("登陆成功");
					}
					else
					{
				 		window.location.href="http://www.baidu.com";
					}
			    },
			    
			});
			}
		</script>
</html>

后端接收代码：

@Controller
@RequestMapping("/user")
@CrossOrigin
public class UserController {

    @Autowired
    private UserService userService;

    @PostMapping("/login2")
    @ResponseBody
    public Result login2(@RequestParam("username") String name,@RequestParam("password") String password)
    {
        User user=userService.getUserByName(name);
        if(user.getPassword().equals(password))
        {
            System.out.println("登陆成功了");
            return new Result(true,"登陆成功");
        }
        else
        {
            System.out.println("登陆失败了");
            return new Result(false,"密码错误");
        }

    }
}