夏天的博客

500 Internal Server Error 服务器内部错误，无法完成请求情景复现：排查思路：1.先核对自己写的接口，请求参数，字段是否和后台的接口一致以上核对了是一致的。2.排查测试环境和开发环境，这里推荐一个VSCO的调试插件Thunder Client最后检测是我用了测试环境，然而测试环境并没有数据，最后切换开发环境，出来了数据。（真实就是我换了环境没有再执行一遍启动命令，直接Ctrl+s，我这个憨批）3.结论：报500一般会是后台的原因，不过前端首先要排查字段还有它.

常见url传递中文参数乱码问题

在控制台上能够修改宽高度，把该元素拿来放在源文件中不能起效果；修改前：修改后：1.元素没有取对（其实一般改这种官方组件，不是写一长串的类名，以及深度处理器；相反它反而很简单，外面写一个组件定义的类名，里面写这个组件封装的类名就好了）2.可以用不加scoped的全局样式3.看elementUI官方文档，里面有一个poper-class属性总结：我没改对样式，是从源头上就错了，并且方法上也有问题；比如我之前取的是这个玩意，并且在编写源码的时候，我有将p写成.p，并且就是我有将同级的类在源码中用空格将它隔

页码使用的elment组件，关闭按钮本应该是居中的，但是它却往左边了，查看dialog组件里面设置了center，并且其他的弹窗的关闭按钮是居中的。在页码组件外面再套一层一层div,并且给它宽高度，下面的关闭按钮就能够正常居中了。...

下面是一篇踩坑文章报错描述：点击登录按钮，账号密码正确的情况下，能够成功登录，但是控制台一直报红。解决思路：1.审查代码：首先审查login.vue这个文件的代码有没有写错，通篇看下来代码比较正常，方法都是对的。2.查百度：百度我查到的是要捕获异常，但是后台接口里面并没有返回error。3.一步一步查细节：整体代码看不出来什么逻辑异常问题，查细节比如验证规则，还有username写成name，最后发现的问题来源是本应该写的validateField写成了validate，以为用validate验证一

使用ElementUI的Message不起效果的解决办法

重点：z-index要配合position一起用，否则无效;效果图：源代码：

使用elementui的message组件时，页面刷新会提示一个空的消息框