# 将前端代码编译生成dist目录后，部署到宝塔的nginx上，绑定域名，访问时，报错:CORS


>从错误信息来看，这是一个典型的跨域(CORS)问题。错误显示访问 http://localhost:3000/api/match_summary 时被CORS策略阻止，因为 'Access-Control-Allow-Origin' header 的值 http://localhost:8080 与实际源 https://sp.ifballs.com 不匹配。



# 以下是解决方案：
## 1、在 Nginx 配置文件中添加跨域相关配置：

```nginx
server {
    listen 80;
    server_name sp.ifballs.com;  # 替换成你的域名
    
    location /api {
        # 代理到后端服务
        proxy_pass http://localhost:3000;
        
        # 添加跨域配置
        add_header Access-Control-Allow-Origin $http_origin;
        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
        add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
        add_header Access-Control-Allow-Credentials 'true';
        
        # 处理 OPTIONS 请求
        if ($request_method = 'OPTIONS') {
            return 204;
        }
    }

    location / {
        root /path/to/your/dist;  # 替换成你的dist目录路径
        index index.html;
        try_files $uri $uri/ /index.html;
    }
}
```
## 2、修改前端 API 请求地址，将 baseURL 改为相对路径：

```vue
// 修改所有API请求路径
// 原来的:
const response = await fetch('http://localhost:3000/api/match_summary');

// 改为:
const response = await fetch('/api/match_summary');
```

## 3、重启 Nginx 服务：

```bash
nginx -s reload
```
## 这样配置后：
1. 前端代码中使用相对路径访问 API
2. Nginx 将 /api 开头的请求代理到后端服务
3. Nginx 添加了必要的跨域响应头
4. 静态文件(dist目录)由 Nginx 直接提供服务




:::tip{title="提示"}
如果仍有问题，请检查：
1. Nginx 配置文件是否正确加载
2. 后端服务(localhost:3000)是否正常运行
3. 域名解析是否正确指向服务器
4. 服务器防火墙是否放行了相应端口

:::

将前端代码编译生成dist目录后，部署到宝塔的nginx上，绑定域名访问时，报错:

# windterm终端工具使用rz无法上传超过100M大文件问题


![image.png](/static/img/2a48c5fcda78b5228cf4902aa2faa858.image.webp)



点击文件管理器的刷新旁边的更多按钮-->上传到当前文件夹..(U) F4-->即可上传

## 上传到当前文件夹

![63470daa0d6793c8dc66fe6f79cef5c.png](/static/img/89d401e0386a732513e845ec9b45ad57.63470daa0d6793c8dc66fe6f79cef5c.webp)


## 正在传输中
![image.png](/static/img/afada388aa567bc0ab51e4470d4ea2d1.image.webp)

## 传输进度69%

![image.png](/static/img/f05413344061f2bee7434e7ce7a37cf8.image.webp)

## 上传成功

![image.png](/static/img/ff9675b7ac2f4ee56cfe97141995a1db.image.webp)

windterm终端工具使用rz无法上传超过100M大文件问题

切换到国内的 npm 源可以提高依赖安装的速度，特别是在国内网络环境下常使用 `npm` 或 `yarn` 时。以下是切换 npm 源的常用方法：


![image.png](/static/img/3c4419086bd4412b93cfe554e3ff9f3a.image.webp)


---

### 1. **直接使用 `npm` 配置国内源**

使用以下命令将 npm 的默认源切换为国内镜像（如淘宝镜像）：

```
npm config set registry https://registry.npmmirror.com/
```

验证是否设置成功：


```
npm config get registry
```

输出应为：


```
https://registry.npmmirror.com/
```

---

### 2. **临时使用国内源**

如果只想临时切换源安装一个包，可以在安装命令前添加 `--registry` 参数：


```
npm install package-name --registry=https://registry.npmmirror.com/
```

---

### 3. **使用 cnpm（推荐）**

`cnpm` 是淘宝 NPM 镜像的命令行工具，安装后可以更方便地使用国内源。

#### 安装 `cnpm`：

```
npm install -g cnpm --registry=https://registry.npmmirror.com/
```

#### 使用 `cnpm` 安装依赖：


```
cnpm install
```

`cnpm` 会自动使用淘宝源，无需额外配置。

---

### 4. **使用 nrm 切换多个源（更灵活）**

`nrm` 是一个管理和切换 npm 源的工具，支持多源切换，非常方便。

#### 安装 `nrm`：


```
npm install -g nrm
```

#### 查看可用源列表：

```
nrm ls
```

输出示例：

```
* npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  taobao ----- https://registry.npmmirror.com/
```

#### 切换到淘宝源：


```
nrm use taobao
```

#### 测试速度：



```
nrm test
```

#### 切换回官方源：



```
nrm use npm
```

---

### 5. **使用 Yarn 配置国内源**

如果使用的是 Yarn，可以通过以下命令切换到国内源：



```
yarn config set registry https://registry.npmmirror.com/
```

验证是否设置成功：



```
yarn config get registry
```

---

### 注意事项

* 使用国内镜像时，请确保源是可信任的，比如淘宝镜像（`https://registry.npmmirror.com/`）。
* 如果需要频繁切换，可以优先选择 `nrm`，管理和切换更方便。
* 配置完成后，记得清理之前的缓存以避免冲突：


```
npm cache clean --force
```

如何切换使用国内的npm源

# 哪吒监控 管理脚本使用方法: 

<script async src="https://www.googletagmanager.com/gtag/js?id=G-P8BDTJ8V1Q"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-P8BDTJ8V1Q');
</script>
```bash
--------------------------------------------------------
./nezha.sh                            - 显示管理菜单
./nezha.sh install_dashboard          - 安装面板端
./nezha.sh modify_dashboard_config    - 修改面板配置
./nezha.sh start_dashboard            - 启动面板
./nezha.sh stop_dashboard             - 停止面板
./nezha.sh restart_and_update         - 重启并更新面板
./nezha.sh show_dashboard_log         - 查看面板日志
./nezha.sh uninstall_dashboard        - 卸载管理面板
--------------------------------------------------------
./nezha.sh install_agent              - 安装监控Agent
./nezha.sh modify_agent_config        - 修改Agent配置
./nezha.sh show_agent_log             - 查看Agent日志
./nezha.sh uninstall_agent            - 卸载Agen
./nezha.sh restart_agent              - 重启Agen
./nezha.sh update_script              - 更新脚本
--------------------------------------------------------
```



# 针对arm64服务，在安装时，需要选择"独立安装"，不要选择docker安装
## 安装服务端：

```js
root@ftballs05:/acdata/dba_tools/nazha_source# ./nezha.sh
请自行选择您的安装方式（如果你是安装Agent，输入哪个都是一样的）：
1. Docker
2. 独立安装
请输入选择 [1-2]：2

    哪吒监控管理脚本 v0.19.0
    --- https://github.com/naiba/nezha ---
    1.  安装面板端
    2.  修改面板配置
    3.  启动面板
    4.  停止面板
    5.  重启并更新面板
    6.  查看面板日志
    7.  卸载管理面板
    ————————————————-
    8.  安装监控Agent
    9.  修改Agent配置
    10. 查看Agent日志
    11. 卸载Agent
    12. 重启Agent
    ————————————————-
    13. 更新脚本
    ————————————————-
    0.  退出脚本
    
请输入选择 [0-13]: 1
> 安装面板
> 修改面板配置
关于 GitHub Oauth2 应用：在 https://github.com/settings/developers 创建，无需审核，Callback 填 http(s)://域名或IP/oauth2/callback
关于 Gitee Oauth2 应用：在 https://gitee.com/oauth/applications 创建，无需审核，Callback 填 http(s)://域名或IP/oauth2/callback
请输入 OAuth2 提供商(github/gitlab/jihulab/gitee，默认 github): 
请输入 Oauth2 应用的 Client ID: Ov23lifLuXFA8ufgJlF5x6
请输入 Oauth2 应用的 Client Secret: XXDffdfOv23lifLuXFA8ufgJlF5x6effsg
请输入 GitHub/Gitee 登录名作为管理员，多个以逗号隔开: xxxx
请输入站点标题: Owler's Machines
请输入站点访问端口: (默认 8008)
请输入用于 Agent 接入的 RPC 端口: (默认 5555)
正在下载服务文件
面板配置 修改成功，请稍等重启生效
> 重启并更新面板
当前最新版本为: v0.19.11
Created symlink /etc/systemd/system/multi-user.target.wants/nezha-dashboard.service → /etc/systemd/system/nezha-dashboard.service.
哪吒监控 重启成功
默认管理面板地址：域名:站点访问端口
```

## 安装Agent端：


```js
root@ftballs05:/acdata/dba_tools/nz_agent# curl -L https://raw.githubusercontent.com/naiba/nezha/master/script/install.sh -o nezha.sh && chmod +x nezha.sh && ./nezha.sh install_agent na.iftballs.com 5555 dpzE7ic95sXI8z2kU7
  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100 30548  100 30548    0     0  37253      0 --:--:-- --:--:-- --:--:-- 37253
> 安装监控Agent
正在获取监控Agent版本号
当前最新版本为: v0.19.6
正在下载监控端
> 修改Agent配置
Agent配置 修改成功，请稍等重启生效
```

将前端代码编译生成dist目录后，部署到宝塔的nginx上，绑定域名，访问时，报错

windterm终端工具使用rz无法上传超过100M大文件问题

哪吒监控管理脚本使用方法:

Etcdctl常用命令

将前端代码编译生成dist目录后，部署到宝塔的nginx上，绑定域名，访问时，报错

windterm终端工具使用rz无法上传超过100M大文件问题

哪吒监控 管理脚本使用方法:

Etcdctl常用命令

哪吒监控管理脚本使用方法: