情况 项目nginx vue3
nginx填坑之路 (3）Nginx搭建Http文件服务器及配置
1、centos7安装nginx ```bash ##添加源 rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm ##安装Nginx yum insta ......
如何将自己的项目发布到Maven中央仓库
### 注册Sonatype的账户 [注册地址](https://issues.sonatype.org/secure/Signup!default.jspa)，Sonatype通过JIRA来管理OSSRH仓库。JIRA是一个项目管理服务，类似于国内的Teambition。 密码校验比较严格，最少1 ......
PowerShell命令，找到项目里行数最多的scala文件
# 代码 ``` Get-ChildItem -Recurse -Filter *.scala | ForEach-Object { $_ | Add-Member -NotePropertyName 'Lines' -NotePropertyValue (Get-Content $_.FullNa ......
vue3:setup语法糖
## 1.setup语法糖简介 直接在script标签中添加setup属性就可以直接使用setup语法糖了。 使用setup语法糖后，**不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用**。 ## 2.setup语法糖中新增的api d ......
pycharm打开项目乱码解决方案
常见乱码情况：控制台，左侧项目名称或程序中包含中文，展示乱码，一般产生的原因为编码格式不同导致的乱码，可以通过以下步骤设置。 方法一：通过“File”->“File Encoding”，设置“Project Encoding”为UTF-8方法二：如果是新增文件乱码，则可以在文件第一行设置编码格式 # ......
总结Vue3 的一些知识点：Vue3 项目打包
Vue3 项目打包 打包 Vue 项目使用以下命令： cnpm run build 执行以上命令，输出结果如下： 执行完成后，会在 Vue 项目下会生成一个 dist 目录，该目录一般包含 index.html 文件及 static 目录，static 目录包含了静态文件 js、css 以及图片目录 ......
总结Vue3 的一些知识点：Vue3 计算属性
Vue3 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 实例 1 中模板变的很复杂起 ......
nginx 配置中的sendfile 的作用
```bash http { ... sendfile on ... } ``` sendfile 配置的具体意思: 设置为 on 表示，使用零拷贝技术来传输文件：sendfile ，这样只需要 2 次上下文切换，和 2 次数据拷贝。 设置为 off 表示，使用传统的文件传输技术：read + wr ......
解决：idea执行main方法都要build的情况
开发代码中，很多时候我们为了验证一小段代码逻辑会直接写个main方法去执行，看看运行结果，最近发现idea 跑个main方法都要执行 compileJava 和 build，连最普通的打印hellworld都需要下载maven 虽然最终打印出来了，但是也经历了一次build过程。。。 解决方案： 请 ......
解决：idea打开项目后白屏的问题
网上查了各种资料，试了试一些大佬的方法如：重启idea，重启电脑，删除.idea文件，修改idea64.exe.vmoptions的配置参数等，还是不行，不适合我的情况，浪费了我很长时间，到最后甚至想要重装idea，最后再机缘巧合之下才恢复过来。是一个非常奇葩的问题。 解决：http://124.2 ......
vue3 后台返回数据没有返回字段是true和false 值的时候，循环数组，点击单个元素单个元素变化的写法
最原始的写法 <template> <div> <div v-for="(item, index) in items" :key="item.id" :class="{ active: item.active }" @click="handleClick(item)"> {{ item.text } ......
SimpleAdmin手摸手教学之：项目架构设计2.1
一、说明 在2.0的架构设计中引用了插件式开发的概念，将功能模块插件化，以实现更清晰的目录结构，更灵活的解决方案，减少代码的臃肿性。随着2.0版本的使用，也随之暴露出一些问题，之前讲究的插件化并没有完全的实现插件化，我理想的插件化应该是需要某个业务或者功能模块，直接引用该项目既可，不需要进行额外的操 ......
Vue3 el-input实时转大写、自动去掉空格、光标不跳动
直接上代码： <script setup> import {ref,nextTick } from 'vue' let inputValue = ref(null) let inputRef = ref(null) const handleInput = () => { // 获取光标位置 cons ......
如何将flutter项目升级到空安全版本
关于 null safety 其实并不是什么新鲜事了，很早的时候 Swift 就已经支持了，Dart 是从 2.12.2 版本开始支持该特性的。 代码迁移 1. 首先 pubspec.yaml 修改  和 [PullRefresh](https://vant-ui.github.io/vant/#/zh-CN/pull-re ......
vue3 组件传参
父组件 子组件 <iframe :src="props.src" width="100%" height="100%" frameborder="0" id="_iframe" ></iframe> 接收参数 const props = defineProps({ src: { type: Stri ......
vue3 router 路由传参
路由跳转 import router from "@/router"; router.push({ path: "/iframe", query: { url: frameurl.value } }); 获取参数 import router from "@/router"; import { use ......
vue3 打包超出限制 Some chunks are larger than 500 kBs after minification
vite.config.ts , build: { // 如果自己分片的话，就会生成37个文件 // chunkSizeWarningLimit: 1000, // rollupOptions: { // output: { // manualChunks(id) { // if (id.inclu ......
Maven 父子项目
1、创建父项目 cmd进入项目工作目录,执行以下代码: mvn archetype:generate 创建成功,接着修改pom.xml如下： <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org ......
vue3 reactive响应式赋值页面不渲染问题
## 问题描述： ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新，页面没有渲染， ``` ## 1、因数据结构而导致的未渲染解决方法： * ......
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 例如：读取vue项目根目录 process.env.VUE_APP_filePath
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 原文链接：https://blog.csdn.net/qq_42855675/article/details/114261585 文章目录 1.配置文件：2.命名规则3.关于文件的加载使用自定义环境 ......
Vue3.3 的新功能的体验（下）：泛型组件（Generic Component) 与 defineSlots
> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能，但是没有说Generic、defineSlots等，这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......
nginx windows下重载配置失败
正常操作命令是：cd C:\Program Files\nginx && nginx -s reload。 但是把nginx安装为windows服务运行后，再执行重载就不好使了。 会报错：nginx: [error] OpenEvent("Global\ngx_reload_4460") faile ......
linux服务器，nginx日志切割保存
我们都知道，默认情况下，nginx的项目log是一直被累计写入的，随着时间越久，那么这个文件就会越大，这个时候如果我们要去做一些查找和排查就会比较困难，因为日志文件太大，操作起来比较费劲。 因此我们为了规避这个问题，提出日志切割的方案。 那日志切割的原理是怎么样的，我们来分析一下，我们先统计下连续1 ......
fail2ban nginx 多次无效访问封IP
> https://iceburn.medium.com/how-to-apply-fail2ban-to-nginx-excess-404-and-403-6b601285df02 ## fail2ban 配置 ```sh # /etc/fail2ban/filter.d/nginx.conf [ ......
Vue3 watch API 踩坑记录 | 方法未定义问题
在使用 setup() 语法糖时，方法的定义和 watch 的调用都在 setup内部进行。 需要确保方法在 watch 调用之前可访问。 **错误示例** ```html ``` 这个时候，会报错`Uncaught (in promise) ReferenceError: Cannot acces ......
vue3 -ts文件导入js文件报错
1.背景 2.解决 在tsconfig.json文件中添加配置 "noImplicitAny": false, "allowJs": true, 或者使用 require 来导入文件 ......