https nginx vue
vue文件压缩与解压-JSZip库
const downloading = ref(true); const modeldownload = (path: String) => { downloading.value = true; let path1 = "download4dtbd02?fileName=" + path; ret ......
vite创建vue3项目
初始化项目 pnpm :pnpm create vite 输入项目名称,选择前端框架,上下键选择,确定选择可直接回车进行下一项选择 选择类型,我这里选择的是tyscript类型,按下回车后便创建成功 进入cd 项目名称进入项目目录,再如果pnpm install 安装项目所需依赖 依赖安装成功后 直 ......
前端rewrite规则对应nginx代理如何配置
案例1: 前端域名:sit-meta-xxx.com 前端代理规则: proxy: { '/api': { target: 'http://192.168.26.56:8888/api/v1', changeOrigin: true, rewrite: (path) => path.replace( ......
SpringBoot2.7+VUE3如何上线一个项目
后端 打开控制端口mvn clean package 在target中生成 myblog-0.0.1-SNAPSHOT.jar 即可 前端 在终端输入npm run build后生成dist文件夹 服务器部署 在 /www/wwwroot 下新建网站文件夹,上传jar包、dist文件 新建start ......
uni-app+vue3+ts项目搭建完整流程
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发,有两种方法: 通过 HBuilderX 创建(需安装 HBuilderX 编辑器) 通过命令行创建(需安装 NodeJS 环境),推荐使用 vscode 编辑器 这里我们使用第2种方法,这两种方 ......
Vue3 使用Element-plus table 显示一行 需要内嵌多行数据
一、背景 业务需求 需要这种 二、实现 `` 点击查看代码 <el-table ref="singleTableRef" highlight-current-row border :data="state.personData" class="data-table" max-height="600" ......
面试题:Tcp,http,https分别的意义和他们的区别
TCP是一种可靠的,面向连接的传输协议,用于在网络上可靠的传输数据。它确保数据在发送和接收之间的可靠传递,TCP提供了可靠的字节流,确保数据按正常的顺序到达目标。 主要特点: 1.面向连接:在数据传输之前,发送方和传输方需要建立一个连接。 2.可靠性:TCP使用确认和重传机制来确保数据的可靠性。接收 ......
vue3实现H5网页录音并上传(mp3、wav)兼容Android、iOS和PC端
使用 Recorder插件 可以在HTML5网页中进行录音,录音完成后得到blob文件对象,然后将blob上传到服务器;项目使用的vue3.0版本(这个插件同时支持vue2.0、也支持uniapp,很强!!),录音过程中会显示可视化波形,同时能够做到兼容PC端、Android、和iOS,一次编码 到 ......
openEuler欧拉配置Nginx Keepalived主从和双主
虚拟:172.62.17.110 Nginx主:172.62.17.111 Nginx从:172.62.17.112 一、系统优化 关闭防火墙(两台) systemctl stop firewalld systemctl disable firewalld 关闭selinux sed -ri 's ......
[Vue]内置指令
常用内置指令: v-bind 单向绑定解析表达式,可简写为 : v-model 双向数据绑定 v-for 遍历数组 / 对象 / 字符串 v-on 绑定事件监听,可简写为 @ v-show 条件渲染 (动态控制节点是否展示) v-if 条件渲染(动态控制节点是否存存在) v-else-if 条件渲染 ......
Vue.js 原理分析
本文内容提炼于《Vue.js设计与实现》,全书共 501 页,对 Vue.js 的设计原理从 0 到 1,循序渐进的讲解。 篇幅比较长,需要花些时间慢慢阅读,在合适的位置会给出在线示例以供调试。 一、概览 Vue.js 是一款声明式框架,注重结果;早年间流行的 jQuery 是典型的命令式框架,注重 ......
idea打开了后端项目,如何引入前端vue项目
点击项目结构 选择modules点击加号引入前端项目,下一步的时候不要选择maven 选择配置文件,右键运行,会出现运行前端的快捷指令,如果运行没有成功,需要下载 # 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题npm install ......
扩展 jQurey.i18n.properties 的能力来向 vue-i18n 靠齐
jQuery.i18n.properties 是 jQuery 老项目的国际化框架,其实国际化方案本质上都大同小异,都是需要用翻译函数包裹词条,然后根据词条文件来进行翻译 就是使用上与其他框架不太一样而已 但由于我们已经基于 vue 框架实现了一个国际化自动处理脚本,脚本会自动用全局函数包裹词条,自 ......
vue
概述 Vue概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如: vue-router: 跳转,vue-resource ......
vue3 v3-easyui messager消息框封装
2024年1月7日21:38:30 关于messager消息框封装,官方文档漏了很多配置(例如tip),由于无法通过某个属性控制显隐,所以不能封装成组件的形式在模板使用,而且也不符合消息框的使用设想。例如封装好后在网络请求调用,就不能是组件形式,所以通过类似hook函数封装。封装如下: /** me ......
vue3 easyui dialog没有属性控制显隐问题
2024年1月7日21:11:37 vue3 v3-easyui中dialog没有属性控制显隐,通过观察源码得知dialog.closedState属性可以控制 v3-easyui源码如下: 个人封装代码如下: /** modal.vue */ <script lang="ts" setup> im ......
Vue2入门之超详细教程十五-收集表单数据
Vue2入门之超详细教程十五-收集表单数据 1、简介 收集表单数据 若:,则v-model收集的是value值,用户输入的就是value值。 若:,则v-model收集的是value值,且要给标签配置value值。 若: 1.没有配置input的value属性,name收集的就是checked(勾选 ......
NGINX - 高级负载均衡器、Web服务器、反向代理
目录一、概述二、正向代理与反向代理解读1)正向代理2)反向代理三、NGINX 四层与七层代理1)NGINX 四层代理2)NGINX 七层代理四、NGINX 安装1)yum 安装2)源码编译安装1、下载源码包2、编译3)access 与 error 日志配置1、log_format 字段讲解2、配置访 ......
1.7每日总结-vue链接mysql2
新建/server/db/index.js,用于配置数据库相关信息let mysql = require('mysql') let db = mysql.createPool({ host: '127.0.0.1', //数据库IP地址 user: 'root', //数据库登录账号 passwor ......
1.7每日总结-vue链接mysql3
新建/server/API/user.js,用于操作数据库let db = require('../db/index') exports.get = (req, res) => { var sql = 'select * from user' db.query(sql, (err, data) => ......
1.7每日总结-vue链接mysql5
在/server/app.js中导入路由配置let express = require('express')let app = express()let cors = require('cors')let bodyParser = require('body-parser')let router = ......
1.7每日总结-mysql链接vue
.在项目中创建server文件夹,用于搭建本地服务器新建/server/app.js,用于配置服务器相关信息let express = require('express')let app = express()let cors = require('cors')let bodyParser = re ......
[Vue]双向绑定不生效
el-input框修改了内容但页面显示延迟 解决方案:给input绑定一个@input方法,使用 this.$forceUpdate(); <el-input v-model.number="form.order_id" placeholder="编号" @input="orderChange">< ......
Vue ui 创建项目报错: ERROR Failed to get response from https://registry.npmjs.org/vue-cli-version-marker
虽然不影响项目的创建,但看着不舒服 按【Ctrl + C】退出 vue ui 输入命令强制清除npm缓存:npm cache clean --force ......
1-STM32F103+EC800K(移远4G Cat1)远程升级篇(自建物联网平台)-STM32通过EC800K使用http或https下载程序文件,升级程序(单片机程序检查更新)
<p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/ZLIOTB/EC800K/myota.html" frameborder="0" scrolling="auto" width="100%" height="1500"></ ......
nginx负载均衡
要在Nginx配置文件中设置健康检查和负载均衡策略,你需要编辑Nginx的配置文件。以下是一个简单的示例: http { upstream backend { server 192.168.1.1; server 192.168.1.2; server 192.168.1.3; keepalive ......
Nginx错误:attempt to set status 403 via ngx.exit after sending out the response status 200
1. 第三方nginx 防火墙,触发,解决方法 关闭或者修改 规则 https://blog.csdn.net/qq_38883889/article/details/128192632?utm_medium=distribute.pc_relevant.none-task-blog-2~defau ......
Vue高频面试题
1. 谈谈你对 Vue 的理解? Vue 是一个渐进式的 js 框架,专注于构建用户界面。 Vue 的核心思想是数据驱动和组件化,通过将页面拆分为多个独立的组件,可以更好的管理到吗, 提高代码的复用性和可维护性。 Vue 的优势在于:简单易用,灵活性高,性能卓越和拓展性强。 Vue 的模板语法易于理 ......
Vue2入门之超详细教程十四-列表的过滤和排序
Vue2入门之超详细教程十四-列表的过滤和排序 1、简介 学习Vue之前最后会一些HTML和CSS的基础知识,HTML基础知识 传送门,CSS基础知识 传送门。 2、列表操作 1. 列表过滤 persons:[ {id:'001',name:'马冬梅',age:19,sex:'女'}, {id:'0 ......