简要netcore nginx vue
vue3调用高德地图，实现地址，经纬度填写
父组件引用高德地图： 1 <template> 2 <div class="wrapper"> 3 <div class="box"> 4 <div class="form-box"> 5 <el-form 6 label-position="top" 7 :inline="true" 8 :mod ......
前端 vue项目启动报错 spawn cmd ENOENT 的原因以及解决方案
前端项目启动到一半的时候卡在跳转浏览器出现了 这个问题 那么问题大概率就是你环境刚配置或者配置错了的问题，这个时候只需要 找到 我的电脑 => 属性 => 高级系统设置 => 环境变量 => 系统变量 => PATH 环境 => 双击进去 => 添加环境变量 => 添加这俩个 C:\Windows\ ......
nginx配置防盗链
nginx路径下html中新建images文件夹，放入可以访问的图片。然后新建referer文件夹，放入防盗图片 server增加如下配置 location ~* \.(jpg|png)$ { root html; #只允许本地ip访问静态资源，其他访问返回防盗图片 valid_referers n ......
vue-slot 插槽使用 遍历插槽
<!-- 内部直接使用的插槽 --> <template #chart> <KeepAlive> <component v-bind="$attrs" :exName="exName" :tableData="tableData" :analysisDetail="analysisDetail?.[ ......
Vue + Django 使用wangeditor 上传图片 显示跨域报错
报错： newsDetailed:1 Access to XMLHttpRequest at 'http://www.py32api.com:8000/users/uploadFile/' from origin 'http://localhost:8080' has been blocked by ......
VUE 图片识别
1、安装依赖 // 安装Element-UI npm install element-ui --save // 安装 ocr 和 ocrdet npm i @paddlejs-models/ocrdet@0.0.3 --save npm i @paddlejs-models/ocr@1.1.2 -- ......
vue ssr里面在template不能出现this，create时this还没有
在client端不会报错，但ssr create时会报错： [Vue warn]: Unhandled error during execution of render function at <QPageContainer> 代码比如： <router-view v-slot="{ Compone ......
Vue插件
功能：用于增强vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 定义插件： export default { install(Vue,x,y,z){ console.log(x,y,z) //全局过滤器 Vue.filter ......
Vue3实现电商放大镜效果
效果实现： 功能拆解： 左侧滑块跟随鼠标移动 右则大图放大效果实现 鼠标移入控制滑块和大图显示隐藏 滑块跟随鼠标移动 思路：获取到当前的鼠标在盒子内的相对位置（useMouseInElement），控制滑块跟随鼠标移动（left/top） 获取鼠标相对位置 控制滑块跟随移动 有效移动范围内的计算逻辑 ......
vue-quill
官网： https://vueup.github.io/vue-quill/ 引入vue-quill 当前版本： "@vueup/vue-quill": "^1.2.0" npm install @vueup/vue-quill@latest 全局设置 import { QuillEditor } ......
开源.NetCore通用工具库Xmtool使用连载 - 图像处理篇
【Github源码】 《上一篇》 介绍了Xmtool工具库中的扩展动态对象，今天我们继续为大家介绍其中的图像处理类库。 在我们的软件系统中，经常需要对图片进行各种各样的处理；例如最常见的头像缩放，需要将用户上传的图片缩放成系统需要的最佳大小。本工具包主要将常用的图片方法进行汇总，方便开发者使用。目前 ......
vue3--h5页面中判断在支付宝环境还是微信环境
支付宝： navigator.userAgent.indexOf('AliApp') > -1 环境变量： navigator.userAgent "Mozilla/5.0......AlipayDefined(nt:WIFI,ws:320|504|2.0) AliApp(AP/9.6.0.0000 ......
gitlab 修改导入文件大小 nginx 配置 重启gitlab 导致 nginx 报错 stdout: sh: /opt/gitlab/embedded/sbin/nginx: 没有那个文件或目录
报错 stdout: sh: /opt/gitlab/embedded/sbin/nginx: 没有那个文件或目录 修改 vim /opt/gitlab/sv/nginx/run #exec chpst -P /opt/gitlab/embedded/sbin/nginx -p /var/opt/g ......
vue3 + vant4 ：form表单中，搭配 Popup 和 Field 实现vant-picker组件，设置默认值及默认选中--踏坑
环境：vue3，vant4 背景：Picker 作为用于辅助表单填写，搭配 Popup 和 Field 。页面需要给picker设置默认值，city为温州，但是在popup弹出时，picker没有选中温州这个选项，还时停留在杭州。 解决方案： 看了很多解决方案，设置default-indexset ......
记录--Vue自动生成组件名
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 unplugin-generate-component-name 一款用于以文件夹名或者setup标签写入名字来自动生成Vue组件名的插件。 项目地址 功能 💚 支持 Vue 3 开箱即用。 ⚡️ 支持 Vite、Webpack、Rsp ......
vue+element 上传文件及文件夹
有需求需要做一个上传压缩包及文件夹的需求，记性不好，记录一下。 HTML 使用的element的upload和form表单，dropdown下拉菜单 <div> <el-col :span="24"> <el-form-item label="材料路径：" prop="fileName"> <el- ......
nginx调优-调大rlimit_nofile
前言 对于Linux用户或用户组打开的进程，Linux系统会对进程可占用的资源进行限制。该限制针对特定Linux用户或用户组，限制范围是该Linux用户或用户组打开的所有进程。 遇到的异常 nginx转发的流量比较大。因此在nginx.conf中，存在如下配置： worker_rlimit_nofi ......
.NETCore Nuget 发布包含静态文件 content file
.NETCore 在.csproj引用资源中标记pack配置 <pack>true</pack>1例如 <ItemGroup> <Content Include="dotnetty.linux.pfx"> <pack>true</pack> <CopyToOutputDirectory>Preser ......
django+vue实现文件夹上传
最近学django的文件上下传，网上的文件夹上下传压根没有，找了好几个，报错一大堆，没有一个能用，花里胡哨，可气！！！下面这个方法是我刚刚用过的，分享给大家。 前端vue非常简单，template部分 <input type="file" id="twos" webkitdirectory/><el ......
.netcore 分布式事务CAP 快速入门
https://blog.csdn.net/jbossjf/article/details/122590688 CAP是一个用来解决微服务或者分布式系统中分布式事务问题的一个开源项目解决方案。可以解决跨服务器的数据一致性、可用性问题。一个简单的列子，如：订单系统创建订单后需要通知邮件通知用户下单成功 ......
vue3--使用ref获取Dom元素
vue2中，ref使用： 在 div 元素上绑定了 ref 属性，并命名为 hello，接下来我们直接使用 this.$refs.hello 的方式就可以获取到该 DOM 元素了。 <template> <div id="app"> <div ref="hello">Vue2，ref获取dom元素< ......
.NET Core 常用加密和Hash工具NETCore.Encrypt
前言 在日常开发过程中，不可避免的涉及到数据加密解密（Hash）操作，所以就有想法开发通用工具，NETCore.Encrypt就诞生了。目前NETCore.Encrypt只支持.NET Core ,工具包含了AES,DES,RSA加密解密，MD5，SHA*,HMAC*等常用Hash操作。 项目地址 ......
记录一次由nginx配置引发出来的一系列的缓存问题
问题描述： 在做一个企业微信的移动端项目时，每次修改代码后并且打包、部署完毕，再次打开页面总是会有上一次的缓存，一开始以为是cookie和webStorage缓存导致的，然后每次清除还是有缓存，后来把企业微信本身的缓存清除了之后再重进才有效果 问题推理：如果每次打开是上一次的缓存，那可能就是inde ......
基于vue3和elementplus实现的自定义table组件
基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页 目录结构如下： 类型声明： declare type DictType ......
vue3 + xlsx 实现 excel 导入web页面解析成json数据
vue3 + xlsx 实现 excel 导入web页面并解析成json数据 fileIipt 动态创建的标签，一定要用户点击事件触发，不然文件选择框的弹出会被拦截，无法弹出。意思就是下面这段关键代码要用一个事件区触发执行，不能主动执行（比如：vue的钩子） import * as XLSX fro ......
vue js中，利用json数据临时生成一个可下载csv的功能
downloadCSV(data, fileName) { // 将数据转换为CSV格式 const csv = this.convertToCSV(data); // 创建一个Blob对象 const blob = new Blob([csv], { type: 'text/csv' }); // ......
Vue3节流指令封装
节流指令 import { ObjectDirective } from 'vue' interface ThrottleEl extends HTMLElement { throttleEvent: () => void } // 节流指令封装 const throttleDirective: O ......