SkyWalking UI 修改发布Nginx

这篇具有很好参考价值的文章主要介绍了SkyWalking UI 修改发布Nginx。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

SkyWalking UI

skywalking-booster-ui下载地址

修改图标

替换 logo.svg
skywalking-booster-ui,skywalking,ui,nginx

修改路由

router - data - index.ts
skywalking-booster-ui,skywalking,ui,nginx

发布到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),

skywalking-booster-ui,skywalking,ui,nginx

vite.config.ts添加base

skywalking-booster-ui,skywalking,ui,nginx文章来源地址https://www.toymoban.com/news/detail-791980.html

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;
}

到了这里,关于SkyWalking UI 修改发布Nginx的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 修改naive ui默认样式,css变量值修改

    新项目开发使用了naive ui组件库,使用组件时涉及到css样式修改,可以直接在组件父容器上使用组件内自带的css变量,组件会自动继承父容器的css变量值,不会影响其他页面使用; 示例:一个注册表单,两个input间隔高度太大,调整高度,组件使用grid布局,代码截图:   浏览

    2024年02月12日
    浏览(38)
  • 修改Unity发布的pc包exe文件的属性信息

      大家好,我是阿赵。   最近一直在接入各种pc端的sdk,遇到一个问题。有些平台要求上架的pc的exe文件里面有对应的详细信息,比如文件说明、版本、版权等信息。 随便看一个我们平常用的软件,比如微信pc端exe,会发现的确是有这些信息的 但从Unity打包的exe文件,在

    2024年01月20日
    浏览(36)
  • 自己开发或者修改的组件包如何发布到npm官方市场

    1、注册账号 打开npm官方网站: www.npmjs.com; 进行注册 注册需要用户名,密码和邮箱, 当注册完成后需打开邮箱进行验证(邮箱不验证无法上传) 二、  在需要打包发布的文件夹package.json所在目录下 执行命令:npm init  按照提示修改后一路回车就行; package name 就是安装命令

    2024年02月08日
    浏览(30)
  • geoserver实践(一)之REST操作发布GeoTiff并修改样式

    近期有个小demo需要通过 geoserver 发布tif影像,一搜网上基本上都是通过java或者python调用封装好的rest请求,但是本地环境有限,懒得搭建其它的,查看了geoserver提供的REST文档直接请求发布,更加方便快捷。 资料 geoserver REST文档 请求工具postman或者其它 刚做的时候是真的痛苦呀

    2024年02月04日
    浏览(33)
  • Radix UI 3.0 发布,新的布局引擎

    Radix UI 3.0 刚刚发布,带来了新的布局引擎、新的组件和自定义调色板生成器,这个版本的发布是向着成为构建现代应用程序的最佳组件库迈出了一大步。我们将在本文中介绍主要亮点。 Radix Themes 配备了近 30 种颜色比例,每种都有自己的浅色、深色和 alpha 变体。在内部,颜

    2024年04月22日
    浏览(50)
  • AWTK UI 自动化测试工具发布

    AWTK UI 自动化 提供了兼容 Appium 的接口,可以使用 Appium 的工具来进行 UI 自动化测试。但是使用起来有点麻烦,用的人不多,所以最终决定开发一个 AWTK 专用的 UI 自动化测试工具。相比 Appium,这个工具有下列特点: 不依赖额外的库。 无需安装额外的软件。 无需学习额外的编

    2024年02月03日
    浏览(27)
  • Naive UI修改默认样式

    因为大创的缘故,需要做出一个网站,在搭建网站的过程中需要使用Naive UI框架,在设置样式的时候一直无法修改默认样式。小白不知道应该如何使用样式穿透,同时和Naive UI相关的博客比较少,导致只能自己一步步摸索,所幸,找到了最后的解决办法。(注意,这个解法可能

    2024年02月04日
    浏览(77)
  • 修改element ui源码无效

    vue项目中使用element ui中的环行进度条,需求更改进度条未满部分的背景颜色,保持项目风格一致; element ui官方文档并没有暴露方法进行修改未满状态的颜色,于是找到项目 node_moduleselement-uipackagesprogresssrc 下的 progress.vue 进行修改: stroke为未满状态下的颜色,更改后重启

    2023年04月08日
    浏览(60)
  • Naive ui主题色修改

    新建 theme.ts 文件 App.vue 中引入 theme.ts n-config-provider标签中加入 :theme-overrides=“themeOverrides”

    2024年02月16日
    浏览(39)
  • DedeCMS织梦修改文章时不自动更新发布时间的解决方法

    今天在修改DedeCMS织梦本站文章的时候,发现织梦DEDECMS5.7这个版本存在一个问题,修改文章的同时也修改了文章的发布时间,这个功能可能有些人比较需要,但同时也有些站长朋友又不需要,因为我们编辑某个文章的时候,发现编辑之后网站的排序都变了。所以上网查了一下资料

    2024年02月03日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包