ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

SkyWalking UI 修改发布Nginx

2026/9/21 5:28:22 拓冰建站 浏览量
SkyWalking UI 修改发布Nginx

文章目录

  • SkyWalking UI
    • 修改图标
    • 修改路由
    • 发布到Nginx
      • 添加认证
      • 修改路由模式
      • vite.config.ts添加base
      • Nginx配置

SkyWalking UI

skywalking-booster-ui下载地址

修改图标

替换 logo.svg
在这里插入图片描述

修改路由

router - data - index.ts
在这里插入图片描述

发布到Nginx

添加认证

# 安装
yum install -y httpd-tools
# 生产密钥文件
htpasswd -cb /home/htpasswd/sw skywalking(生成的账号) skywalking(生成的密码)

修改路由模式

  // history: createWebHistory(import.meta.env.BASE_URL),history: createWebHashHistory(import.meta.env.BASE_URL),

在这里插入图片描述

vite.config.ts添加base

在这里插入图片描述

Nginx配置

location / {root /home/sk-dist/dist;autoindex on;proxy_set_header X-Real-IP \$remote_addr;proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for;index index.html index.htm;try_files $uri $uri/ /index.html;auth_basic "Please input password";    #这个是提示信息auth_basic_user_file /home/htpasswd/sw;  #存放密码文件的路径
}location /graphql {proxy_method POST;proxy_pass http://127.0.0.1:12800/graphql;
}