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

叁歲伎倆 2022-11-26 05:00 229阅读 0赞

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70][]

注意必须是https

部署使用下面这个命令

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

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

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

\-l 表示最新

\-s 表示跳过测试

\-c 服务器访问地址

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

登录rancher 后 访问

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

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

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70]: /images/20221124/d05a251355e44f22a9c94174cea6d404.png
[v3_settings_ui-index]: https://your-rancher/v3/settings/ui-index
[https_rancher_v3_settings_ui-index]: https://openkube.deepexi.cloud/v3/settings/ui-index

发表评论取消回复

表情：

评论列表（有 0 条评论，229人围观）

还没有评论，来说两句吧...

相关阅读

相关企业开发项目【1】— — 流程、开发环境搭建模板

企业开发项目【1】— — 流程、开发环境搭建模板 > 以黑马的学成在线为例 1 项目背景 2 项目介绍 3 开发环境搭建 3.1 开发工具配置（后端

骑猪看日落/ 2024年03月29日 15:49/ 0 赞/ 135 阅读

相关 Linux下搭建Python开发环境部署

　　系统版本CentOS release 6.5 (Final)mini安装　　关闭SELinux 　　关闭防火墙功能　　关闭SSH的UseDNS功能　　配置IP

向右看齐/ 2023年09月24日 12:11/ 0 赞/ 87 阅读

相关 java开发环境的搭建_java开发环境的搭建idea

安装JDK,修改环境变量,打开记事本写程序,然后使用javac编译后运行。搭建Java程序的运行环境方法:安装jdk1、将java安装到根目录“D:\\Android”

旧城等待，/ 2023年09月24日 11:43/ 0 赞/ 103 阅读

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

本篇博客介绍rancher 配套的前端项目 rancher/ui 的开发流程克隆项目到本地 git clone https://github.com

叁歲伎倆/ 2022年11月26日 05:00/ 0 赞/ 230 阅读

相关搭建开发环境

搭建开发环境可以分为两种：第一种是项目非常简单，可能简单到只有一两个页面就可以搞定，这时候我们就直接新建一个html页面进行开发就行第二

冷不防/ 2022年09月13日 15:15/ 0 赞/ 404 阅读

相关 Vue + Element UI（一）：搭建开发环境

文章目录一、环境准备二、安装NodeJs 三、安装 webpack 四、安装vue-cli 五、淘

小灰灰/ 2022年09月10日 14:19/ 0 赞/ 321 阅读

相关网站开发搭建开发环境

1.[linux 下面设置共享文件夹的方法][linux][ ][linux] sudo apt-get install samba sudo apt-

ゝ一纸荒年。/ 2022年08月05日 01:20/ 0 赞/ 359 阅读

相关搭建开发环境

devsever contentbase是接下来要执行的本地开发环境的服务器规定服务器要在哪里获取文件 open:true.//自动打开浏览器 port 9000 第一

朱雀/ 2022年05月14日 15:51/ 0 赞/ 410 阅读

相关【环境搭建】java网站项目开发环境部署

因为java网站项目搭建配置还有点复杂，不像php直接上手，因此以某一项目为例，项目使用的是spring框架，记录一下网站项目开发环境的搭建过程，包括IDE,拓展包，服务器，数

拼搏现实的明天。/ 2022年05月14日 09:10/ 0 赞/ 331 阅读

相关 Linux的Java开发环境搭建及部署

一： Linux下查看字符集第一种： > `[root@Testa``-``www tmp]`` echo $LANG` > > `zh_CN.UTF``

野性酷女/ 2022年03月20日 19:42/ 0 赞/ 224 阅读