FastGPT编译前端界面,并将前端界面映射到Docker容器中

ops/2024/10/18 19:26:45/

建议在linux系统下编译

1、克隆代码

git clone https://github.com/labring/FastGPT

2、进入FastGPT目录,执行

npm install

3、进入projects/app目录,执行

npm run dev

此时会自动下载依赖包,这里如果执行npm install的话,会出现各种错误。

通过浏览器localhost:3000即可热修改,如果首次执行提示错误,则重新执行一下命令即可。

4、前端代码都在projects/app目录下,修改即可。

5、修改完后,执行

num run build

注意:编译过程中会出现非常多的提示,但只要出现 ✓ Compiled successfully就说明已经编译成功。

下面会有报错

具体原因不明,但前端实际上已经编译成功了,在projects/app目录下输入ll命令,能看到一个.next文件夹,这个文件夹存放的就是编译后的前端文件。

 6、如果想用新编译的前端文件,替换docker容器中的前端,可在docker-compose.yml中配置volumes,设置为:

volumes:- ./FastGPT/projects/app/.next:/app/projects/app/.next

收工!!!


http://www.ppmy.cn/ops/16675.html

相关文章

【redis】非关系型数据库——Redis介绍与安装(windows环境)

目录 数据库架构的演化单体架构缓存(Memcached)MySQL集群缓存(Memcached可以)MySQL集群垂直拆分(主从复制,读写分离)缓存(Redis)MySQL集群垂直拆分分库分表 NoSQLNoSQL产生的背景性能需求MySQL的扩展性瓶颈方面什么是NoSQLNoSQL的特点主流的N…

iOS runtime

—参考文章— 暂时没有 一、如何在Xcode中使用runtime Xcode默认是不建议开发者使用runtime的,所以在Xcode直接使用runtime的语法是会报错误的。 如果要在Xcode中使用runtime的语法,是需要配置一下才可以使用,配置方法如下图: 首…

jenkins自动化工具简介

Jenkins 是一个开源的自动化服务器,它允许您自动化各种任务,包括构建、测试和部署软件。它是一个用Java编写的应用程序,可以运行在任何支持Java的平台上。Jenkins 通过其插件系统提供了大量的功能,使其成为一个非常灵活和强大的工…

一般神经网络的微分与网络参数的初始化

(文章的主要内容来自电科的顾亦奇老师的 Mathematical Foundation of Deep Learning, 有部分个人理解) 一般深度神经网络的微分 上周讨论的前向和反向传播算法可以推广到任意深度神经网络的微分。 对于一般的网络来说,可能无法逐层分割,但仍然可以用流…

npm/yarm常用命令

npm命令 标题npm作为嵌入在node中的功能,两个起到相辅相成作用,所以只要安装了node就可以使用npm! 查看nodejs版本: node -v 【或 node --version】 查看nodejs版本: npm -v 查看npm下载仓库地址: npm con…

分布式与微服务区别?

1、概念角度: 分布式:把多个应用部署到多台服务器(云)上,多个应用之间相互协作,提高系统的扩展性和稳定性。 微服务:是分布式的一种实现方式。 2、粒度划分: 分布式&#x…

基于Python的Sentinel-2 卫星图像NDWI洪水检测

本文希望找到清晰的卫星图像来演示一种区分淹没区和非淹没区的简单方法。幸运的是,Sentinel-2 在 4 月 7 日(洪水前事件)和 17 日(洪水后事件)拍摄了两张图像,迪拜上空大部分没有云。这些图像激发了我写一篇关于使用卫星图像检测洪水事件的故事的兴趣。 在这篇文章中,我…

抖音视频笔记

文章目录 手机录屏如何录入麦克风声音变声 一直不太用抖音等交圈软件。 但是有时想记录下生活中的点滴,比较简单的方式实际就是app,那么了解下吧。 制作完毕后可以保存为草稿,不一定发布的。 手机录屏如何录入麦克风声音 毫无疑问&#xff…