项目中用Google调试可能会遇到的问题：

项目中用Google调试可能会遇到的问题：

1、在做编辑模块时，后台功能以及前端功能已经全部完成，但是在Google地址栏中访问时，并不能出来效果，并且Google的console没有报错，此时，需要在地址栏中重新进入，比如说退到登陆界面，再次进入即可

 

2、在Google做调试时，报一个404错误，比如为:http://localhost:8080/Building/staff/saveRole:1 POST http://localhost:8080/Building/staff/saveRole 404 (Not Found)，即我们要实现某一功能当中的路径错误，即url错误，此时，返回项目修改对应功能模块的路径，修改为/Building/role/save,即将原来地址中的staff修改为role，之后再次在Google中进入（重新键入地址 或刷新 或选中地址栏中之前项目的地址然后Enter一下），点击刚才要进行的功能块时，Google的console仍然报之前的路径错误，可是项目后台路径已经修改了，即使报路径的错误，也应该是报修改后的路径的错误。如下图：

修改前：

 

 

 

修改了项目功能模块对应的url后，刷新地址栏 进入：

 

所以修改前后的路径错误是一样的，地址中的staff没有变为role。后来自己琢磨会不会是因为Google中的缓存问题：于是我禁用了缓存，再次刷新进入果然好了

 

Network中的Disable cache打勾。

 

 

3、接下来是关于一个500错误，这个问题可谓是折磨了我好久，查了很多资料无济于事，最后在我的大胆猜想下终于找到了问题的所在，错误是这样的：

引起错误的原因是：

①在进行添加或编辑的功能模块时，添加进去的数据无法满足数据库中某些字段不能为零的条件，也就是说添加进去的数据字段少于数据库中的字段，而这些少了的字段在数据库中又不能为空，所以，在前端做数据表格的显示时，一定要将数据库中不能为空的字段在前端中添加上。如下：

 

之前在前端中没有添加‘update_time’这一项，而在数据库中显示这一项不能为空

 

 

前端html：

 

页面功能：

由于前端开始没有写进去更新时间这一项，所以页面功能页面也就没有这一项

 

 

 

数据库：

数据库中显示update_time不能为空

 

重要！！！：所以，在前端必须加上数据库中不能为空的字段，并且在页面功能调试时（如添加或编辑），必须填写数据库中那些不能为空的字段，即调试时最好将所有字段填写。

 

当然，你也完全可以将update_time打勾使之可以为空，也能解决问题，但会造成页面数据显示的缺少，用户体验极差。。。

 

 

②在form表单中加入属性： enctype="multipart/form-data" 时，也会报500错误，该属性在上传非文本时需要加入，如上传图片时。但加了该属性后，同时会使form表单中的所有控件的数据等不到提交，就会报500错误。所以，当需要上传图片时，在js中写好上传需要的逻辑操作，然后在html中需要进行上传的字段中用id属性（或其他属性）来引入js中的上传操作 。

 

3、数据库中的字段类型和后台字段数据的类型不一致，也会导致500错误

 

最后，强烈建议使用Google来调试，Google的console会报告错误，点开错误后会有详细报错地方。其他浏览器会引起各种不兼容，如css，js等无法正常加载或无法显示

 

发现问题很不容易，码字也不容易，转载请注明出处。