当前位置：网站首页 > 博客教程 > 正文

rancher ui 的开发环境搭建开发流程以及部署

connygpt 2024-11-17 08:47 9 浏览

以下蓝色文字均有链接但由于头条对于外部链接管理较严故未添加链接如影响阅读请看原文

原文地址https://fizzz.blog.csdn.net/article/details/107916581

本篇博客介绍rancher 配套的前端项目 rancher/ui 的开发流程

# 克隆项目到本地
git clone https://github.com/rancher/ui.git
 
# 进入项目根目录
cd ui
 
# 安装项目依赖 注意使用npm i 会报错
./scripts/update-dependencies
 
# 开启本地开发环境
yarn start

注意一下, 由于是前后端分离, 只启动前端项目是不行, 还要有后端服务

在这里配置后端的地址就能正常访问了

注意必须是https

部署使用下面这个命令

这里的服务器地址是前端部署后的服务器地址

./scripts/build-static -l -s -c '服务器地址'

前端部署的时候需要支持跨域,

-l 表示最新

-s 表示跳过测试

-c 服务器访问地址

编译好后将 /static/latest2 上传到服务器,并保证能访问, 出现404是正常的, 因为还没有连接后端

登录rancher 后访问

打开你rancher服务器的 /v3/settings/ui-index接口,

如https://rancher服务器/v3/settings/ui-index

并且修改并将前端访问地址填入value输入框并保存上传即可

rancher安装

上一篇：CentOS7下利用Rancher搭建K8s集群
下一篇：基于Rancher的ElasticSearch K8S搭建

相关推荐

3分钟让你的项目支持AI问答模块，完全开源!: hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，今天继续分享一下最近开源的Next-Admin的最新更新。最近对这个项目做了一些优化，并集成了大家比较关注...

干货|程序员的副业挂，12个平台分享: 1、D2adminD2Admin是一个完全开源免费的企业中后台产品前端集成方案，使用最新的前端技术栈，小于60kb的本地首屏js加载，已经做好大部分项目前期准备工作，并且带有大量示例代码，助...

Github标星超200K，这10个可视化面板你知道几个: 在Github上有很多开源免费的后台控制面板可以选择，但是哪些才是最好、最受欢迎的可视化控制面板呢？今天就和大家推荐Github上10个好看又流行的可视化面板：1.AdminLTEAdminLTE是...

开箱即用的炫酷中后台前端开源框架第二篇: #头条创作挑战赛#1、SoybeanAdmin(1)介绍：SoybeanAdmin是一个基于Vue3、Vite3、TypeScript、NaiveUI、Pinia和UnoCSS的清新优...

搭建React+AntDeign的开发环境和框架: 搭建React+AntDeign的开发环境和框架随着前端技术的不断发展，React和AntDesign已经成为越来越多Web应用程序的首选开发框架。React是一个用于构建用户界面的JavaScrip...

基于.NET 5实现的开源通用权限管理平台: ??大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！??今天小编推荐一款基于.NE...

StreamPark - 大数据流计算引擎: 使用Docker完成StreamPark的部署??1.基于h2和docker-compose进行StreamPark部署wgethttps://raw.githubusercontent.com/a...

教你使用UmiJS框架开发React: 1、什么是Umi.js?umi，中文可发音为乌米，是一个可插拔的企业级react应用框架。你可以将它简单地理解为一个专注性能的类next.js前端框架，并通过约定、自动生成和解析代码等方式来辅助...

简单在线流程图工具在用例设计中的运用: 敏捷模式下，测试团队的用例逐渐简化以适应快速的发版节奏，大家很早就开始运用思维导图工具比如xmind来编写测试方法、测试点。如今不少已经不少利用开源的思维导图组件（如百度脑图...）来构建测试测试...

【开源分享】神奇的大数据实时平台框架,让Flink&Spark开发更简单: 这是一个神奇的框架，让Flink|Spark开发更简单，一站式大数据实时平台！他就是StreamX！什么是StreamX大数据技术如今发展的如火如荼，已经呈现百花齐放欣欣向荣的景象，实时处理流域...

聊聊规则引擎的调研及实现全过程: 摘要本期主要以规则引擎业务实现为例,陈述在陌生业务前如何进行业务深入、调研、技术选型、设计及实现全过程分析,如果你对规则引擎不感冒、也可以从中了解一些抽象实现过程。诉求从硬件采集到的数据提供的形式多种...

【开源推荐】Diboot 2.0.5 发布，自动化开发助理: 一、前言Diboot2.0.5版本已于近日发布，在此次发布中，我们新增了file-starter组件，完善了iam-starter组件，对core核心进行了相关优化，让devtools也支持对IAM...

微软推出Copilot Actions，使用人工智能自动执行重复性任务: IT之家11月19日消息，微软在今天举办的Ignite大会上宣布了一系列新功能，旨在进一步提升Microsoft365Copilot的智能化水平。其中最引人注目的是Copilot...

Electron 使用Selenium和WebDriver: 本节我们来学习如何在Electron下使用Selenium和WebDriver。SeleniumSelenium是ThoughtWorks提供的一个强大的基于浏览器的开源自动化测试工具...

Quick 'n Easy Web Builder 11.1.0设计和构建功能齐全的网页的工具: 一个实用而有效的应用程序，能够让您轻松构建、创建和设计个人的HTML网站。Quick'nEasyWebBuilder是一款全面且轻巧的软件，为用户提供了一种简单的方式来创建、编辑...

一周热门

最近发表

首页
收录
顶部