前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >rancher ui 的开发环境搭建 开发流程以及部署

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

作者头像
拿我格子衫来
发布2022-01-24 19:57:34
6460
发布2022-01-24 19:57:34
举报
文章被收录于专栏:TopFETopFE

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

代码语言:javascript
复制
# 克隆项目到本地
git clone https://github.com/rancher/ui.git

# 进入项目根目录
cd ui

# 安装项目依赖 注意使用npm i 会报错
./scripts/update-dependencies

# 开启本地开发环境
yarn start

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

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

注意必须是https

部署使用下面这个命令

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

代码语言:javascript
复制
./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输入框 并保存上传即可

本文参与?腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com