SkyWalking UI 修改发布Nginx

文章目录

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

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;

}

金钥匙