调试的总结

之前，接触到的项目都不算复杂，大多数的项目也是我自己顺带写的后台，并没有相应的后端的相关接口的说明文档，现在，写项目的时候，都是看着产品写的PRD，然后结合后台给的相关接口的文档来进行开发，在前后端开发完毕之后，需要做的事情就是联调，在第一次初步联调的时候，就发现了自己的如下问题，特记录一下，以便提醒自己下次注意

入参和出参必须注意

联调的时候，发现“添加”这个功能，在调用后台接口之后报出了405的错误，请求行中指定的请求方法不能被用于请求相应的资源，经查询发现自己调用接口传入的入参是不对的，具体的就是在传递参数的时候，没有加”_”导致实际传入的参数个数比接口中需要的不一致，从而造成了错误

下面的是我在网上找到的关于405的一些东西：

405产生原因：web服务器（容器）找不到service（）方法处理请求
如：1）service方法名称写错
​ 2）service方法参数类型与标准不一致
​ 3）service方法异常、返回值类型与标准不一致

没有考虑到如何回到主页

有这样一个应用场景，页面中有个输入框，然后输入框旁边是有一个“查询”按钮的，当用户在输入框中输入东西，然后点击查询的时候，会在下方显示查询到的信息，当查询失败的时候，会显示查询失败的信息，那么问题来了，现在用户想显示列表怎么办，当时我没有考虑到一点（实在是不应该），后来经同事提点，当用户清空input框的内容的时候，再点击查询，就会显示列表，关于这点如果你有更好的建议的可以联系我

没有考虑添加失败或者成功的提醒

现在想来，自己之前做出的东西，交互性确实不是很好，对用户不友好，之前在开发的时候，确实有想过这一点，但是因为信息内容已经一些判断的问题把握的不是很准确，就没有执行，后来经别人解答，不管操作失败或者成功，后台都是会传递过来一些信息的，而我就需要根据Response将一些提示信息展示给用户，比如用一个弹窗展示

vuex中的state需要通过提交mutation进行修改

vuex中的state需要通过提交mutation进行修改，而不能在vue文件中直接进行修改，因为使用的组件的比较多，所以比较容易混，比如在使用弹窗组件的时候，如果控制弹窗的一个变量在vuex的store中定义，那么在vue文件中不能直接对这个变量进行true和false的赋值，需要提交一个mutation来进行修改

有些时间没写博客了，总感觉缺少点什么，未来的日子，还是会坚持的，加油 ^_^