## 简介

> 本文用于记录Nginx使用技巧。




## gzip压缩

> Nginx开启Gzip压缩功能，可以使网站的css、js 、xml、html 文件在传输时进行压缩，提高访问速度，进而优化Nginx性能！
> 
> Nginx可以通过`ngx_http_gzip_module`模块、`ngx_http_gzip_static_module`模块和`ngx_http_gunzip_module`模块对这些指令进行解析和处理。
> 
> 在Nginx配置文件中可以配置Gzip的使用，相关指令可以在http区域、server区域、location区域配置。
> 
> ps：如果你的服务器带宽较小，开启gzip压缩可以提升访问速度哦！


### 常用配置项

- `gzip on`：开启gzip压缩功能
- `gzip_vary on`：`on`为开启，`off`为关闭，开启后，服务器返回数据时会在头部带上"Vary:Accept-Encoding"的标识。客户端便可以知道获取到的数据是否已经被压缩，默认为关闭
- `gzip_min_length`：指定请求的数据超过某个阈值后才开启Gzip压缩功能，压缩很小的珊瑚橘反而会把数据变大，从而影响性能
- `gzip_buffers`：该指令用于设置文件使用的缓存空间大小，number为指定Nginx服务器要向服务器申请的缓存空间的个数，size 每个缓存的空间大小，从0.7版本之后默认情况下size*number的值为128，其中size去系统内存页的大小
- `gzip_disable`：支持针对不同匹配条件选择项关闭压缩功能，其中regex根据浏览器标志进行设置，支持使用正则表达式
- `gzip_http_version`：支持针对不同的http版本设置。早期的浏览器或者http不支持Gzip压缩功能,可能会出现乱码等现象。截止目前大多数客户端都支持Gzip压缩功能，因此选择默认即可
- `gzip_comp_level`
- `gzip_types`：响应报文数据格式，或者说类型，对应http响应头中的Content-type字段，如常见的有text/html、text/css、application/json、application/javaScript等。用于指定要压缩的响应报文类型。”*”表示压缩所有格式的响应报文，多种格式用空格隔开。如`text/html text/css text/plain`等

#### 配置示例

```
worker_processes 1;
 
events {
    worker_connections  1024;
}
 
http {
    include       mime.types;
    default_type  application/octet-stream;
 
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
 
    access_log  logs/access.log  main;
    sendfile        on;
    keepalive_timeout  65;
 
 
    #开启gzip压缩功能
    gzip on;
    gzip_min_length 1024;
    gzip_buffers 4 16k;
    gzip_comp_level 2;
    gzip_types *;
    gzip_vary on;
 
    server {
        listen       80;
        server_name  localhost;
 
        location / {
            root   /data/software/nginx/html/dist;
            index  index.html index.htm;
        }
    }
}
```

## rewrite重写URL

> 实际开发中，无论出于什么原因，总是经常会有监听的uri需要替换或去除的需求，可以使用rewrite对url进行重写，以达到任何自定义的需求。

### 示例：

```
location /api/ {
    rewrite ^/api/(.*)$ /$1 break;
    proxy_pass http://backend_server;
}
# 代理为图片（文件）服务器，通过rewrite重写images为空，以达到去除请求url中/images节点的需求
location /images/ {
    rewrite ^/images/(.*)$ /$1 break;
    root /usr/local/img;
}
```

Nginx笔记

## 背景

> 前几天对接C#开发的http接口时，调用接口出现该类型报错，排查好久最后才发现是很简单的问题，在这记录一下。

## 基本情况

使用`post`+`form-data`方式调用接口，接口参数与三方接口对接人沟通过，也看不出来什么问题，但是多个接口一直报错。



## 报错内容

大致如下几种：

```c#
Unexpected character encountered while parsing number: _. Path '', line 1, position 36.
```

```c#
Unexpected character encountered while parsing value: 2. Path '', line 1, position 1.
```

```c#
Unexpected character encountered while parsing value: 配. Path '', line 1, position 1.
```

## 报错原因及解决

最后让三方对接人使用`postman`调用接口，将正确参数发过来，才发现蛛丝马迹，经过总结如下：

**字符串类型参数，如果包含某些特殊字符，需要多加一层引号。** 举例：

- 例1：参数`id`，其内容是：`409c-82fe-6dbadaadc513_86`，传参时，一般看起来就是一个字符串，如：`"409c-82fe-6dbadaadc513_86"`，但这么传就会报上边示例中第一个错，正确传参应该看起来是`"\"409c-82fe-6dbadaadc513_86\""`，即：**多加一层引号**。

- 例2：日期参数`2023/02/13 00:00:00`，应该传为：`"\"2023/02/13 00:00:00\""`。

- 例3：中文参数`测试`，应该传为`"\"测试\""`。

### Java参数处理代码示例：

```java
// 原来错误参数
// param.put("id", "409c-82fe-6dbadaadc513_86");
// 正确参数，给参数id原来的值前后拼接上引号
param.put("id", "\"" + "409c-82fe-6dbadaadc513_86" + "\"");
```


## 总结

看起来像是含有特殊符号的字符串才需要多加一层引号。

总而言之：**找到那个问题参数！多加一层引号就行了！**

C#接口报错Unexpected character encountered while parsing ****

## 简介

> 本文用于收集可用的win10激活码，全部来自网络搜集。



## 专业版

`NBQWQ-W9PTV-B4YWP-4K773-T6PKG`


## 待验证

win10专业版激活码：

W269N-WFGWX-YVC9B-4J6C9-T83GX

MH37W-N47XK-V7XM9-C7227-GCQG9

2X7P3-NGJTH-Q9TJF-8XDP9-T83GT

J2WWN-Q4338-3GFW9-BWQVK-MG9TT

NBQWQ-W9PTV-B4YWP-4K773-T6PKG

236TW-X778T-8MV9F-937GT-QVKBB

87VT2-FY2XW-F7K39-W3T8R-XMFGF

KH2J9-PC326-T44D4-39H6V-TVPBY

TFP9Y-VCY3P-VVH3T-8XXCC-MF4YK

J783Y-JKQWR-677Q8-KCXTF-BHWGC

C4M9W-WPRDG-QBB3F-VM9K8-KDQ9Y

2VCGQ-BRVJ4-2HGJ2-K36X9-J66JG

MGX79-TPQB9-KQ248-KXR2V-DHRTD

FJHWT-KDGHY-K2384-93CT7-323RC

W269N-WFGWX-YVC9B-4J6C9-T83GX

MH37W-N47XK-V7XM9-C7227-GCQG9

2X7P3-NGJTH-Q9TJF-8XDP9-T83GT

J2WWN-Q4338-3GFW9-BWQVK-MG9TT

236TW-X778T-8MV9F-937GT-QVKBB

87VT2-FY2XW-F7K39-W3T8R-XMFGF

KH2J9-PC326-T44D4-39H6V-TVPBY

TFP9Y-VCY3P-VVH3T-8XXCC-MF4YK

J783Y-JKQWR-677Q8-KCXTF-BHWGC

C4M9W-WPRDG-QBB3F-VM9K8-KDQ9Y

2VCGQ-BRVJ4-2HGJ2-K36X9-J66JG

MGX79-TPQB9-KQ248-KXR2V-DHRTD

FJHWT-KDGHY-K2384-93CT7-323RC



企业版：NPPR9-FWDCX-D2C8J-H872K-2YT43

家庭版：TX9XD-98N7V-6WMQ6-BX7FG-H8Q99

教育版：NW6C2-QMPVW-D7KKK-3GKT6-VCFB2

专业版N：MH37W-N47XK-V7XM9-C7227-GCQG9

企业版N：DPH2V-TTNVB-4X9Q3-TJR4H-KHJW4

教育版N：2WH4N-8QGBV-H22JP-CT43Q-MDWWJ

企业版LSTB：WNMTR-4C88C-JK8YV-HQ7T2-76DF9

企业版LSTB N：2F77B-TNFGY-69QQF-B8YKP-D69TJ

Win10激活码收集

## 说明

> 本文写于2023年2月12日。
> 
> 这一天我重装了电脑系统，所以很多软件需要重新安装，`Navicat`安装目录虽然没删除，而且能运行，但是激活状态没了，而且重新激活还不行，所以想重新安装再激活试试。
> 
> 结果发现[navicat官网](https://www.navicat.com.cn/products/navicat-premium)已经更新到`16`版本了，网上找`15`版本还都是花里胡哨的费劲，最后还是在其他电脑上找到了以前的安装包，万幸。
> 
> 下面就将安装包分享出来（百度网盘），点击[阅读全文](https://oldmoon.top/post/42)可查看。




## 分享

链接：https://pan.baidu.com/s/1LabnWoyU_EEiYJtPlqHKnw?pwd=kjyf 
提取码：`kjyf` 
复制这段内容后打开百度网盘手机App，操作更方便哦

> ps：本文只用于分享文件，如果你不会使用激活工具，可以自行百度。

<div class="article-ads"></div>

Navicat Premium 15 windows中文版下载安装激活

## 说明

> 本文用于记录Vue一些函数、语法等技巧。主要基于`Vue3`。
> 
> 持续更新中。。。



## Vue3之ref和reactive

`ref` 和 `reactive` 都可以用于定义Vue3中的响应式对象，但有一些区别：
1. 可定义的数据类型不同：`ref` 支持所有的类型；`reactive`只可用于引用类型，如`Array`/`object`/`Map`/`set`。
2. 数据操作不一样：`ref` 取值/赋值都需要加 `.value`来操作数据；`reactive` 是不需要 `.value`。
3. 响应式破坏：`reactive`是`proxy`对象，不能直接赋值，否则会破坏响应式对象。（简单来说就是`reactive`定义的对象不能被重新赋值，否则会改变原本的对象，就不再是原来的对象了，所以也就不具有响应式的特点了）

下面是一些例子：
```typescript
// 正确：使用 ref 定义名为 ref_str 的字符串响应式对象
const ref_str = ref('aaa')
// 错误：reactive 不支持声明字符串类型数据
const reactive_str = reactive('aaa')
// 正确：使用 reactive 定义一个 Object 响应式对象，这个 Object 有一个 key 是 str 
const reactive_str_obj = reactive({str:'aaa'})


// 正确：修改 ref_str 的值为 bbb ，取值/赋值需要使用 .value 操作
ref_str.value = 'bbb'
// 正确：修改 reactive_str_obj 的属性 str 的值为 bbb
reactive_str_obj.str = 'bbb'

// 错误：重新赋值 reactive_str_obj 是不对的，将会改变 reactive_str_obj 的对象，也就失去了响应式特点
//     如果你这么做了，所有针对原先reactive_str_obj对象的操作都会失效
//     如：监听reactive_str_obj、页面数据绑定reactive_str_obj等
reactive_str_obj = {str:'bbb'}
```

## div动态ID并嵌入HTML

**使用```nextTick```函数**

- 父级vue，传入参数

```html
<OblongItem :i="id" />
```

- 子集vue，接收参数，并给予某个div动态id

```html
<script setup lang="ts">
import { nextTick, onMounted, ref } from 'vue';

const id = ref<any>();

const props = defineProps(['i']);

onMounted(() => {
  id.value = props.i;
  nextTick(() => {
    if (!id.value) {
      return;
    }
    let span = document.getElementById('span-' + id.value);
    if (span) {
      span.innerHTML = '<h1>ABC</h1>';
    }
  });
})
</script>

<template>
  <div>
    <span :id="'span-' + id">
    </span>
  </div>
</template>
```

## 路由跳转和参数接收

- 手动路由跳转：在任意地方手动路由跳转页面

```typescript
import router from '@/router';

// uri为路由地址
router.push(uri);
```

- 参数接收：在被跳转页面接收跳转时传递过来的参数

```typescript
import router from '@/router';

// 路由地址应为 /uri?i=xxx，其中i为参数名，xxx为参数值
const i = router.currentRoute.value.query.i;
```

Vue笔记

twitter:card

twitter:title

https://images.oldmoon.top/images/dingdangdog/oldmoon.png

twitter:image

努力做一只帅气、有才、豁达的老狗！

twitter:description