简要netcore nginx vue
nginx rewrite url
问题描述 url发请求转发url或重写url #实现 1、http://sytest.x.cn/login-web/ -> ip:port/login-web/ 2、http://sytest.x.cn/sclogin-web/ -> ip:port/login-web/ 3、http://syte ......
ant-design-vue 两个select省市联动是典型的例子（添加汉语名字）
<template> <div> <a-form :label-col='{ span: 7 }' :wrapper-col='{ span: 15 }'> <a-row> <a-col :span='12'> <a-form-item label='省'> <a-select :default-v ......
TS 基础及在 Vue 中的实践：TypeScript 都发布 5.0 版本啦，现在不学更待何时！
本文主要介绍TS基础及在Vue中的实践，附赠《JS项目转TS指南》，旨在帮助还在使用JS的朋友快速使用TS，享受TS带来的丝滑体验。 ......
nginx配置上遇到的问题
1. 把cheap-quasar改造成ssr后，nginx的配置也需要改 原来的 server { listen 443 ssl; # 1.1版本后这样写 server_name hjdang.com www.hjdang.com; #填写绑定证书的域名i #一级域名统一转到www的二级域名 if ......
第十七篇 vue - 深入组件 - Props
Props 声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute props 需要使用 props 选项来定义 export default { props: ['foo'], created() { // props ......
第十八篇 vue - 深入组件 - 组件事件
触发与监听事件 在组件的模板表达式中，可以直接使用 $emit 方法触发自定义事件 (例如：在 v-on 的处理函数中) $emit() 方法在组件实例上也同样以 this.$emit() 的形式可用 父组件可以通过 v-on (缩写为 @) 来监听事件 同样，组件的事件监听器也支持 .once 修 ......
第十六篇 vue - 深入组件 - 注册
组件注册 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册 和 局部注册 全局注册 app.component() 我们可以使用 Vue 应用实例的 app.component() 方法，让组件在当前 Vue 应用中全局可用 i ......
Vue生命周期
vue的生命周期：指的是vue对象从创建到销毁的过程。vue的生命周期包含8个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法，这些生命周期方法也被称为钩子方法。其完整的生命周期如下图所示： 状态 阶段周期 beforeCreate 创建前 created 创建后 beforeMount 挂 ......
Vue指令具体实现
v-bind： 指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-bind: 为HTML标签绑定属性值，如设置 href , css样式等。当vue对象中的数据模型发生变化时，标签的属性值会随之发生变化。 代码： <!DOCTYPE html> <html ......
Vue指令
指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-model 在表单元素上创建双向数据绑定 v-on 为HTML标签绑定事件 v-if 条件性的渲染某元素，判定为true时渲染,否则不渲染 v-else v-else-if v-show 根据条件展示某元素， ......
Vue2.0和3.0watch侦听器的改变和一些问题
话不多说，直接上代码演示 运行结果 可以清楚地看到当监听的值是一个reactive定义的对象数据类型时，无法正确获得oldValue的值，也即数据发生改变之前的数据，此问题到目前仍未得到解决，不知在后续的版本中，尤雨溪及其他的团队来怎么解决这一问题 ......
Vue
Vue 1.什么是Vue? Vue是一款渐进式前端框架基于MVVM模式,免除JS中DOM操作,简化书写和操作流程. 2.如何使用? 1.新建一个HTML文件,引入Vue.js文件. <script src="js/vue.js"></script> 2.创建Vue对象,定义模型数据. <!--2 创 ......
搭建服务器-Nginx &Testlink
运⾏ Nginx 容器操作步骤 ❖ 拉取：docker pull nginx:1.17.9 ❖ 运⾏：docker run -d --name nginx -p 8088:80 nginx:1.17.9 ❖ 挂载⽬录：docker run -d --name nginx1 -p 8089:80 -v ......
nginx 监听IPV6地址
#user nobody; error_log stderr notice; worker_processes auto; worker_rlimit_nofile 130048; #worker进程的最大打开文件数限制 worker_shutdown_timeout 10s; #状态超时退出配置 ......
vue中新的状态管理器-pinia
背景 对于pinia的使用，可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法，为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式： 先下载依赖 npm i pinia -s 在vue3中，main.js这么写 import { crea ......
Ubuntu18.04系统安装nginx
Nginx 软件包在默认的 Ubuntu 存储库中可用。 安装非常简单。首先更新包列表，然后安装 Nginx。 sudo apt update sudo apt install nginx 或 sudo apt install -y nginx 查看nginx版本与启动状态 nginx -v whe ......
vue国际化在js中$t()报错
最近在做国际化的时候，发现在.vue里面写国际化语言没有报错，而且也可实现国际化，可是在js中引入$t()写法的时候，报错。 最后花了一个小时解决了，做一个笔记，以供后来学者遇到此类问题，仅供参考。 1，首先，我引入的国际化写法是在main.js中引入了，所以在.vue文件中引入国际化语言的写法，自 ......
ant design vue中form-model嵌入级联a-cascader中回显
前言 在form-model表单中写入a-cascader，现在开发编辑功能，需要a-cascader根据后端返回的值回显出来内容 关键点就是设置value，从级联中拿取值用:model，把值设置到级联中用value <a-form-model-item label="所属行业" prop="bel ......
netcore使用session
//内存缓存 services.AddMemoryCache(); services.AddDistributedMemoryCache(); services.AddSession(opts => { opts.IdleTimeout = TimeSpan.FromHours(8); //设置Se ......
vue中el-select，el-radio-group设置默认值
首先来说设置默认值是用v-model去绑定一个值， 如下，一般大家用label是来展示具体展示在前端的文字，value是这组对象里每个对象的标识。 打个比方item.label是姓名，item.value是学号，学号不在前端展示。这样的话，v-model绑定的字符串对象写item.label的值。 ......
Eureka NetCore 服务注册与发现
1 创建springboot eureka项目。 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artifactId> <version ......
nginx里面的路径定位关键词root、alias
nginx里面的路径定位关键词root、alias是有区别的：设置请求资源的目录root / alias root：设置请求的根目录 语法 root path; 默认值 root html; 位置 http、server、location path为Nginx服务器接收到请求以后查找资源的根目录路径 ......
ubuntu 18 源码安装nginx
linux 搭建 nginx正向代理 ， 添加 第三方模块ngx_http_proxy_connect_module apt-get install build-essential apt-get install libtool sudo apt-get update sudo apt-get in ......
element+vue2下的input的样式修改
/* 禁用下的input的字体颜色 */ /* .el-input.is-disabled /deep/ .el-input__inner { color: red; } */ /* 禁用下的input的样式修改 */ /* .el-input.is-disabled { border: 1px s ......
简要分析CA机构证书被浏览器识别的原理和过程
一般我们都知道申请SSL证书只能使用CA机构发布的才能被浏览器识别为安全的链接并且有小锁的标志，如果使用自签名SSL证书则依旧会被认为是不安全的链接或者SSL证书未被信任等做错误，需要访问手动点击“继续访问”才能打开链接。那么，为什么CA机构的证书就能被浏览器识别而自签名的就不行呢？本文简要说说CA ......
部署高可用radowsgw存储网关，s3cmd实现bucket的管理，Nginx+RGW 的动静分离，基于 prometheus 监控 ceph 集群运行状态
一. 掌握对象存储的特点及使用场景#RadosGW 存储特点 通过对象存储网关将数据存储为对象，每个对象除了包含数据，还包含数据自身的元数据。对象通过 Object ID 来检索，无法通过普通文件系统的挂载方式通过文件路径加文件名称操作来直接访问对象，只能通过 API 来访问，或者第三方客户端（实际 ......
Vue2组件插槽的使用笔记
Vue2插槽使用组件MyComponent.vue： <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件： <my-component> <template slo ......
面向chatgpt运维：根据nginx日志输出每个接口的平均响应时间
Crafted by Genie 我 我的nginx日志最后一个字段是request time,怎么对每个url求平均访问时间，并分别列出来 Genie 您可以使用awk命令对日志文件进行处理来计算平均访问时间。 首先，您需要使用以下命令获取每个URL的请求时间: awk '{split($7,ur ......
vue3 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘deep‘)
报错信息 Uncaught TypeError: Cannot read properties of undefined (reading 'deep') at withDirectives (runtime-core.esm-bundler.js:2774:17) at Proxy._sfc_re ......
vue3 中使用 transition的问题
问题：在路由中添加动画效果但是，当切换路由时，页面一片空白，这个问题困扰了我几天了，今天终于发现了它的问题，特来记录一下，以便参考 首先有这么一段代码 想在vue的路由跳转里面加入动画效果，于是便这样写 // 提示： name="fade-transform" fade-transform是css类 ......