草庐IT

nodejs_vue

全部标签

vue + video.js 加载多种视频流(HLS、FLV、RTMP、RTSP)

起因:由于需要在一个项目内接入多种常用的视频流,所以接触到video.js,这里就做个记录。框架:vue2+video.js+videojs-contrib-hls+videojs-flvjs-es6+videojs-flash+video-js.swfvue安装就不讲了,直接从项目开始了。第一步:安装依赖//video.jsnpminstallvideo.js//安装hls,用于播放HLSnpminstallvideojs-contrib-hls//安装flv,用于播放FLVnpminstallvideojs-flvjs-es6npminstallflv.js//安装flash用于播放RTM

Vue3 关于 provide、inject 的用法

前言:在前端项目中牵扯的最多的莫过于组件之间的传值了,除了最最常用的props和emit,其实在Vue中还额外提供了另外几种方法。今天分享一种组件之间通信的方法。一.场景再现先别着急考虑标题这个api的含义。在这里我先动手写一个比较常见的场景。所对应的组件内部代码比较简单,这里我就不展示了,逻辑上就是这三个组件层层引用。所对应的页面效果如下:如上图,这是一个在项目中很常见的一个场景,三层嵌套的组件。(其实还有深层次的嵌套,目前我们拿三层嵌套举例足矣)ok,你现在的需求是:在爷爷组件内需要提供一个字符串数据“韩振方”去提供给儿子组件使用。聪明的你肯定想到了props,废话不多说,我们直接上手。二

Docker 方式 部署 vue 项目 (docker + vue + nginx)

1.安装好nginx。2.把vue项目的源码克隆到确定目录下。用git管理,所以直接gitclone到既定目录就行了。如我的目录是:/root/jiangyu/projects/gentle_vue/gentle_vue_code。3.项目打包:npmrunbuild复制会自动生成dist文件夹。4.在任意目录下新建文件dockerfile。内容如下:#设置基础镜像FROMnginx#定义作者MAINTAINERjiangyu#将dist文件中的内容复制到/usr/share/nginx/html/这个目录下面COPYdist//usr/share/nginx/html/复制5.构建镜像:#-

Vue openAi

1、提示由于国内注册https://api.openai.com比较麻烦,直接购买的第三方接口和key淘宝购买,几块钱1个月3、自己娱乐够用2、前端框架Vant移动端使用axios3、创建拦截器,api/request.js/**@Descripttion:文件说明*@version:0.0.1*@Author:pengshuai*@Date:2023-11-0110:39:22*@LastEditors:PengShuai*@LastEditTime:2023-11-0210:33:28*/importaxiosfrom'axios'//创建axios实例constservice=axios

Vue + element ui 实现后台数据渲染到下拉框选项中,同时将input框与下拉框联动,select选定之后,input显示对应的值

实现过程:使用element的select以及input输入框在data中定义一个数组用于接收后台请求的数据method中定义一个方法,用于请求数据在created中实现显示:listMidMapping为封装好的get请求至此实现后台数据渲染到下拉框选项中,效果图:以上借鉴于:(21条消息)Vue+element实现动态显示后台数据到options上_LyCat_00的博客-CSDN博客_vue动态显示数据https://blog.csdn.net/weixin_43853746/article/details/119112758?ops_request_misc=&request_id=&

vue项目打包流程、反向代理Nginx的使用、内存溢出导致打包失败

目录前言参考文章正文1.打包前的配置工作做反向代理的原因(Vue项目打包后Proxy失效的问题):内存溢出导致打包失败参考文章第一步:执行命令安装内存扩展插件fix-memory-limit第二步:执行fix-memory-limit脚本  第三步:执行打包2.Nginx使用前言突发灵感想学习下打包,第一反应是学习webpack,翻找一通后发现用不着webpack,因为vue有内置打包命令,配置好vue文件后在项目文件执行npmrunbuild即可!下方内容是我多方查找总结得出参考文章http://t.csdn.cn/rAjXzhttp://t.csdn.cn/DBju1http://t.cs

安全基础 --- nodejs沙箱逃逸

nodejs沙箱逃逸沙箱绕过原理:沙箱内部找到一个沙箱外部的对象,借助这个对象内的属性即可获得沙箱外的函数,进而绕过沙箱前提:使用vm模块,实现沙箱逃逸环境。(vm模式是nodejs中内置的模块,是nodejs提供给使用者的隔离环境)目的:拿到process模块实现沙箱逃逸,拿到目标(1)Function构造函数实现源代码:constvm=require('vm');//一代沙箱,不安全,有逃逸漏洞constscript=`m+n`;//沙箱内引入脚本执行命令constsandbox={m:1,n:2};//为沙箱中传入对象constcontext=newvm.createContext(sa

nodejs sql返回的“无法读取属性'x'dundefined'in for loop

我正在尝试在MySQL表中的每个帖子中运行,获取用户名,在单独的表中运行单独的查询,从该用户(例如ProfileIMG等)获取信息,然后将其放入JSON中。此工作起作用,直到我尝试添加另一个查询以获取用户信息,因为它返回'Cannotreadproperty'postId'ofundefined'我已经尝试了许多解决方法,但是它们都没有起作用。这是我的代码:varpostLocation=req.query.postLocation.replace(regex,escaper);connection.query("SELECT*FROM`posts`WHERE(postLocation='"+

基于java+springboot+mysql+vue开发的外卖点餐系统 - 毕业设计 - 课程设计

文章目录源码下载地址项目介绍项目功能界面预览项目备注毕设定制,咨询源码下载地址源码下载地址点击这里下载源码项目介绍项目功能界面预览![在这里插入图片描述](https://img-blog.csdnimg.cn/f898481ccab3425baa7251793e86b120.png![在这里插入图片描述](https://img-blog.csdnimg.cn/709f51652aa0483fbf2aa047d1ac4d15.png项目备注1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信

vue项目使用vite设置proxy代理,vite.config.js配置,解决本地跨域问题

vue3+vite4项目,配置代理实现本地开发跨域问题非同源请求,也就是协议(protocol)、端口(port)、主机(host)其中一项不相同的时候,这时候就会产生跨域vite的proxy代理和vue-cli的proxy大致相同,需要在vite.config.js文件中配置(打包配置也在此)代理配置在server中,可以上vite官网服务器选项查看server.proxy代码示例:开发服务器选项–server.proxy需要注意:使用了代理之后,axios的base路径需要改成代理路径,比如ok直接贴配置代码:import{fileURLToPath,URL}from'node:url'i