- 博客(4)
- 收藏
- 关注
RSS订阅原创 使用全局自定义指令完成管理系统的操作权限验证
背景：在一些管理系统中，我们可能需要根据用户角色进行一些操作权限的判断，大多时候我们都是使用 v-if / v-show 来进行显示隐藏，但如果需求发生变化或者多个页面需要判断，使用v-if / v-show 不仅不优雅而且会变得很麻烦，不易维护。对于这种情况，我们可以通过全局自定义指令来处理。数据结构项目布局为左侧菜单栏，右侧内容区布局，如下：图片来源于Ant Design所以关于权限的数据结构分为：左侧菜单显示权限—menus[ ]，右侧内容操作权限—operations[ ]menu
2022-04-22 19:28:06
2191
原创 Proxy error: Could not proxy request
今天改项目时候遇到一个很奇怪的问题，页面提示500错误，遂去服务端查看接口，查来查去，发现服务端那边确实跑通了，没问题，但是前端调接口却一直抛500。如图：经排查后发现原因：服务端修改了返回的数据 ，大概44kb。而node只能支持最大8kb的header数据，溢出了很多。解决方案：在vue.config配置文件中，找到scripts下的serve，写入如下代码set NODE_OPTIONS=--max-http-header-size=102400后面的vu.
2022-03-25 14:43:41
2232
原创 创建Vue3项目后语法报错
碎碎念：闲来无事，搭建一个Vue3项目练练手，搭建完成后发现项目里语法检测报错解决方案Visual Studio Code左侧活动栏找到扩展，搜索vutur（代码格式化插件）然后点击管理 => 扩展设置搜素vetur>validation>template，取消vetur>validation>template的勾选这个时候报错就消失了...
2022-02-17 15:32:43
1001
原创 前端在线微信扫码支付的小功能
前两天写了一个微信扫码支付的小功能，采用vue+antDesign，在此记录一下.功能大概如下输入信息微信扫码支付结果页面·输入信息通过下拉选择框的联动，输入信息后点击下一步调取api并进入支付页面（前台使用antDesign表单验证非空）·微信扫码支付通过api获取二维码的url（一般格式为‘weixin://wxpay/bizpayurl?pr=5svmAQaoz’）,拿到路径后通过vue-qr转换成图片。同时进入支付页面后每隔一秒调取一次查询支付状态的api，当返回为‘SUCC
2022-02-16 11:19:11
3927
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人