首页
Search
1
Linux 下 Bash 脚本 bad interpreter 报错的解决方法
46 阅读
2
Arch Linux 下解决 KDE Plasma Discover 的 Unable to load applications 错误
38 阅读
3
如何在 IOS Shadowrocket 上配置服务
34 阅读
4
Arch Linux 下解决 KDE Plasma Discover 的 Unable to load applications 错误
34 阅读
5
如何在 Clash for Windows 上配置服务
31 阅读
clash
服务器
javascript
全部
游戏资讯
登录
Search
加速器之家
累计撰写
635
篇文章
累计收到
0
条评论
首页
栏目
clash
服务器
javascript
全部
游戏资讯
页面
搜索到
339
篇与
的结果
2024-08-22
vue+elementUi结合websocket实现后台新订单实时消息推送
1、前端我们使用vue+elementUI的Notification 通知组件:悬浮出现在页面角落,显示全局的通知提醒消息。this.$notify({ title: '温馨提示', type: 'success', dangerouslyUseHTMLString: true, position: 'top-right', message: '<p>你有新的订单信息:“'+jsonData.pro_id+'”,</p><p>下单时间:“'+jsonData.appointment_date+jsonData.appointment_time+'”,</p>' });2、通过结合websocket连接接收后端传过来的数据,实现后台新订单实时消息推送,以下是部分代码:created () { // 创建 WebSocket 连接 this.socket = new WebSocket('wss://120.125.5.25:9502'); // 监听连接建立事件 this.socket.onopen = () => { console.log('连接 Swoole WebSocket 成功!'); this.connectionStatus = 'connected'; // 更新连接状态为已连接 }; // 监听连接错误事件 this.socket.onerror = (error) => { console.error('连接 Swoole WebSocket 失败:', error); }; // 监听消息接收事件 this.socket.onmessage = (event) => { // 解析 JSON 数据 var jsonData = JSON.parse(event.data); // 手动解码接收到的数据 console.log(jsonData); if(jsonData){ this.$notify({ title: '温馨提示', type: 'success', dangerouslyUseHTMLString: true, position: 'top-right', message: '<p>你有新的订单信息:“'+jsonData.pro_id+'”,</p><p>下单时间:“'+jsonData.appointment_date+jsonData.appointment_time+'”,</p>' }); } }; }
2024年08月22日
5 阅读
0 评论
0 点赞
2024-08-22
解决vue npm命令安装报错npm ERR! request to https://registry.npm.taobao.org/clipboard failed, reason: certificate has expired问题
在使用vue npm安装命令npm install --registry=https://registry.npm.taobao.org报如下错误:npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIREDnpm ERR! request to https://registry.npm.taobao.org/clipboard failed, reason: certificate has expirednpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\Hm\AppData\Roaming\npm-cache\_logs\2024-06-20T06_33_14_083Z-debug.log这个错误是淘宝的镜像连接已经失效了,2024年淘宝镜像没更新时间证书,可以换成一下的镜像npm config set registry https://mirrors.huaweicloud.com/repository/npm/或者npm config set registry https://registry.npmjs.org/再次执行安装npm install --registry=https://mirrors.huaweicloud.com/repository/npm/或者npm config set registry https://registry.npmjs.org/
2024年08月22日
3 阅读
0 评论
0 点赞
2024-08-22
解决vue项目安装扩展插件报错yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
执行yarn add postcss-pxtorem@5.1.1 amfe-flexible -S报如下错误:yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。所在位置 行:1 字符: 1+ yarn add postcss-pxtorem@5.1.1 amfe-flexible -S+ ~~~~+ CategoryInfo : ObjectNotFound: (yarn:String) [], CommandNotFoundException+ FullyQualifiedErrorId : CommandNotFoundException解决方法:1、检查本地是否安装yarnyarn -v2、安装yarnnpm install -g yarn成功安装yarn即可看到版本信息
2024年08月22日
5 阅读
0 评论
0 点赞
2024-08-22
mac运行vue项目(已有node_modules)报错/node_modules/.bin/vue-cli-service: Permission denied
mac运行vue项目报错:npm run servesh: /Applications/遇见的文件夹/study/vue/vue-element-blogs/node_modules/.bin/vue-cli-service: Permission denied出现这个问题,是因为没权限。解决方案;只要执行chmod 777 +文件路径,即可成功解决。chmod 777 /Applications/遇见的文件夹/study/vue/vue-element-blogs/node_modules/.bin/vue-cli-service重新执行命令不再报错了。npm run serve
2024年08月22日
2 阅读
0 评论
0 点赞
2024-08-22
一文教你如何运行别人vue的项目
拿到别人开发的vue项目,如何运行呢?本文教大家如何运行别人项目1、前提条件,电脑已安装vue环境,没有的话请移步之环境安装Macbook安装vue开发环境,mac配置vue环境、脚手架Nodejs(npm)环境和vue环境安装教程2、删除package-lock.json文件package-lock.json记录了整个node_moudles文件夹的树状结构,还记录了模块的下载地址,但是它是基于项目作者的npm版本库生成的,若不删掉这个依赖文件,容易出现npm版本差异导致的报错。3、切换项目目录4、清除npm缓存npm clean cache -f5、重新安装依赖npm install6、运行项目npm run serve
2024年08月22日
5 阅读
0 评论
0 点赞
1
...
40
41
42
...
68