本文主要讲述了在service.ts中如何统一处理错误，使用token进行接口请求，管理验证码和pinia存储，处理图片上传，以及在post和put请求中遇到的options请求。还涉及前端表单验证和后端路由生成的最佳实践。
service.ts统一拦截报错
携带token去请求后端接口
我这里把token存储到本地了，用的时候取出来用就可
登录界面按回车键登录
登录界面验证码的页面展示、点击刷新。
页面一进来就让验证码显示出来
绑定方法oncaptch点击刷新验证码
注意：我这里是把验证码和key存到了pinia里面，请读者注意辨别
列表中图片的显示
图片上传，且只能上传一张图片，覆盖上一个图片
fileToBlob是我自己定义的一个方法，下面是实现代码
mingyang:这是一个变量，你写成啥都行，我这里有些小小的不规范
列表中新增和修改
我这里主要是展示新增和修改咋样不一样，这样做表单验证容易一点，内容我就不展示了
自定义表单验证
post和put请求中出现options请求
这块你只要保证你自己的请求方式正确，get请求能执行，那就是后端的问题了，后端加上一段代码就可以了
好像是这段代码：后端应该知道
Access-Control-Allow-Methods: GET,POST,OPTIONS,PUT,DELETE
后端生成路由，前端渲染
后端生成数组，前端把他变成二维数组
我这里我没用他原来的，我自己修改了一下，他生成路由树，要是先有二级菜单的话，会有问题，这是测试环境发现的。
注意注意！
当你二级路由在一级路由下只有一个时，就不会出现一级路由，所以大家不用调了！！！！！
后续我遇到我在更新整篇文章！！！
扫一扫
230
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
