草庐IT

nodejs_vue

全部标签

uniapp vue3 微信小程序 项目中使用 websocet、微信小程序真机调试 websocket 报错 errMsg: “Invalid HTTP status.“

uniappvue3微信小程序项目中使用websocetconstwebsocketParams=ref({accessToken:'token'})constwebsoketFn=()=>{uni.connectSocket({url:`wss://www.xxx.com:1688/coord/messenger/websocket/site`,//演示接口success:(res)=>{console.log("正准备建立websocket中...",res)},})uni.onSocketOpen(function(res){socketOpen.value=truesendSocket

SpringBoot+Vue项目中遇到Not allowed to load local resource图片路径问题的两种解决方案(在后端映射本地路径或将图片转base64返回给前端)

一、报错截图第一种解决方案后端映射本地路径编写MyConfig类Java代码【MyWebConfig】packagecom.wechat.front.utils;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;importorg.springframework.web.servlet.config.annotation.WebMvcConfigurer;@Config

基于Java+Vue+uniapp微信小程序实习记录平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着社会的发展,社会的方方面面都在

【开源】基于Vue.js的生活废品回收系统的设计和实现

目录一、摘要1.1项目介绍1.2项目详细录屏二、研究内容三、界面展示3.1登录注册3.2资源类型&资源品类模块3.3回收机构模块3.4资源求购/出售/交易单模块3.5客服咨询模块四、免责说明一、摘要1.1项目介绍生活废品回收系统是可持续发展的解决方案,旨在鼓励人们分离和回收生活垃圾,减少环境污染和资源浪费,生活废品回收系统涵盖了城市居民的日常生活,包括收集、分类、处理和收集废物的完整过程。本文提出了一种基于Vue技术的生活废品回收系统,该系统可以通过垃圾的收集和销售来支持回收记录、回收组织等的功能。通过实验测试,生活废品回收系统让废品回收的效率显著提高,让用户的参与率也有所提高,与此同时废物的

配置Vite获取内网IP(Vue3项目​ts版本获取本机局域网IP地址)

参考文章:vue项目获取本机局域网IP地址(vue.config.js版本)在Vite中,没有vue.config.js文件,而是使用vite.config.js(或vite.config.ts,如果项目使用TypeScript)来配置项目;1.获取IP需要借助 os 模块,需要先安装依赖:npminstallos2.其次在vite.config.ts中引用模块importosfrom'os'; 3.接着,添加一个获取本机内网IP的函数functiongetNetworkIp(){letneedHost='';try{constnetwork=os.networkInterfaces();fo

项目配置vue.config jsconfig babel.config .prettierc .env .eslintrc

.env在一个产品的前端开发过程中,一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境,然后才能正式的发布。对应每一个环境可能都会有所差异,比如说服务器地址、接口地址、websorket地址……等等。在各个环境切换的时候,就需要不同的配置参数,所以就可以用环境变量和模式,来方便我们管理。 在根目录添加.env文件,配置所有情况下都会用到的配置.env.production对应生产环境.env.development对应开发环境.env.[model]用户创建的环境        npmrundev(serve):其实是运行了vue-cliserviceserve,默认模式为 de

vue3 ts pinia openapi vue-query pnpm docker前端架构小记

1.引言开发中,我们是否经常遇到以下痛点:项目越大,启动和热更新越来越慢,启动都要花个3-5分钟以上没有类型保障,接口返回的Object不拿到真实数据都不知道有哪些字段,接手别人js项目(无类型)很痛苦需要手动写很多request函数去调用api,手动书写各种判断枚举值缺乏代码格式化,代码错误检查,gitcommit规范数据流要么太死板,对ts支持很差(dva),要么太灵活(mobx)npm包管理问题,比如:多版本的npm包冲突、npm包依赖嵌套、npm僵尸包、npm依赖包平铺到nodule_modules首层手动变更接口的loading状态、手动管理modal的visible状态很多热门的开

基于vue 实现 excel导出导入功能

第一步下包excel导入导出功能需要我们下载哪些包?在vue-element-admin中有着详细的文档查看:Excel导出Excel的导入导出都是依赖于js-xlsx来实现的。在js-xlsx的基础上又封装了Export2Excel.js来方便导出数据。#使用由于Export2Excel不仅依赖js-xlsx还依赖file-saver和script-loader。所以我们需要下载三个包,和一个js文件Export2Excelnpminstallxlsxfile-saver-Snpminstallscript-loader-S-D第二步:各种功能的实现1.1:基本表头导出功能1.2:复杂表头导

基于Java+SSM+Vue+uniapp实现微信小程序的学生签到系统小程序

文末获取源码开发语言:Java框架:SSMJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7/8.0数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9浏览器:谷歌浏览器小程序框架:uniapp小程序开发软件:HBuilderX小程序运行软件:微信开发者一、前言介绍社会发展日新月异,用计算机应用实现数据管理功能已经算是很完善的了,但是随着移动互联网的到来,处理信息不再受制于地理位置的限制,处理信息及时高效,备受人们的喜爱。所以各大互联网厂商都瞄准移动互联网这个潮流进行各大布局,经过多年的大浪淘沙,各种移动操作

vue中的render函数、h()函数、函数式组件

一、什么是render官网:用于编程式地创建组件虚拟DOM树的函数。在我们使用webpack脚手架创建项目时,都能在main.js中看到一个render函数importVuefrom'vue'importAppfrom'./App.vue'newVue({render:h=>h(App)}).$mount('#app')对于render函数es6中写成了箭头函数 es5写法:render:function(createElement){returncreateElement(App);}实际上createElement只是形参用h代表了,h() 是 hyperscript 的简称——意思是“能