bug出现背景:
在学习SpringBoot项目中用Ajax请求后端发起访问时候,页面展现出现异常,F12键入后台打开,发现报错信息为:the server responded with a status of 404.先来mark一下"犯罪现场"的截图证据.
实际上,这里给出的提示还是比较明显的:就是说所依赖的这个js文件找不到,这里就是js的连接获取出现了问题:在回到我的代码当中去找一下问题,代码原来的样子是这样的:
<!DOCTYPE html>
<!--导入模板标签!!!!!-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>用户列表数据</title>
<!--
1.引入函数类库
2.使用模板工具类中的静态资源文件默认的路径都在static目录下
-->
<script src="jquery-3.6.0.min.js"></script>
<script>
这里就会发现一个很明显的问题.引用的src文件并没有按照系统"认识的方式"进行导入.
找到问题的原因之后,我修改了一下代码,再进行测试:
<!DOCTYPE html>
<!--导入模板标签!!!!!-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>用户列表数据</title>
<!--
1.引入函数类库
2.使用模板工具类中的静态资源文件默认的路径都在static目录下
-->
<script src="/jquery-3.6.0.min.js"></script>
<script>
得到测试结果如下:
文件可以正常显示请求页面出现,打印的文字也可以正常出现.
关于:the server responded with a status of 404出现的原因最常见的有以下几种遇到的情况:
1.js连接有问题(比如我上面的这个bug就是连接路径出现了问题)
2.js版本不兼容问题(找到合适的对应版本进行调试)
3.idea没有刷新跳转到,多刷新tomcat服务器几次.