【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程

这篇具有很好参考价值的文章主要介绍了【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

切记端口不要用 8001  8002

1 后端 部署流程

修改配置文件
【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程

更改数据库、redis的配置。

在system子模块中的target文件夹下生成 jar 包jeecg-boot-module-system-3.2.0.jar。
【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程
复制到云服务器
生成数据库
在这里插入图片描述
【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程
使用命令运行后端程序

java -jar ./jeecg-boot-module-system-3.2.0.jar

宝塔部署后端详细步骤

【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程
【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程

2 前端 部署流程

1.run serve 和 run build的区别
二者都会引用环境文件.env的配置参数
run serve 会引用环境文件 .env.development中的配置构建项目
run build会引用环境文件.env.production中的配置打包项目,生成dist
2.修改环境参数文件.env.production

NODE_ENV=production
#localhost替换成云服务器的ip地址,即修改单点登录地址
VUE_APP_API_BASE_URL=http://localhost:8082/jeecg-boot
#localhost替换成云服务器的ip地址,即修改接口地址
VUE_APP_CAS_BASE_URL=http://localhost:8888/cas
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

这里要写域名可以在 外网链接到后端的 域名和端口

【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程

这两个里面的地址都要改下 只改8080的

【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程

3.打包
使用下述命令进行打包 如果运行失败 删除 node_modules 重新下载

npm run build

nginx部署

修改nginx的配置文件,如下所示。

#jeecgboot前后端
server{
    listen 9002;#监听的端口,本地访问ip:81 //前端项目端口
    server_name localhost;#有域名配置域名
    #解决Router(mode: 'history')模式下,刷新路由地址不能找到页面的问题
    location / {
        root   /www/wwwroot/www.teacher;#项目文件jar存放位置,可自定义或者nginx/html文件下
        index  index.html index.htm;
        if (!-e $request_filename) {
            rewrite ^(.*)$ /index.html?s=$1 last;
            break;
        }
    }
    #后台服务配置,配置了这个location便可以通过http://域名/jeecg-boot/xxxx 访问		
   location ^~ /jeecg-boot {
     proxy_pass              http://127.0.0.1:9999/jeecg-boot/;
     proxy_set_header        Host 127.0.0.1;
     proxy_set_header        X-Real-IP $remote_addr;
     proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
}

}

前端配置

【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程
会生成一个文件夹
【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程

然后把打包的 dist 解压。到 这个文件夹里面。注意 文件夹里面 是这样的

【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程

4 问题总结
登录页面的验证码显示404,原因是redis没有连接成功导致
生成的验证码字符串保存在redis中进行后续验证,成功后redis的db0库具有下述缓存文章来源地址https://www.toymoban.com/news/detail-481916.html

到了这里,关于【前后端】低代码平台Jeecg-Boot 3.2宝塔云服务器部署流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Jeecg-Boot 集成Activiti 6 (含源码)

    本项目是2020 年集成的,采用的是当时版本的Jeecg-Boot,集成时请注意版本。 Jeecg-Boot 免费版没有工作流,于是我简单集成了一套,并且运用于公司项目中。 论坛中的Activiti 功能介绍,都来自该代码。 本项目中是多租户模式,如不需要多租户将想要接口中tenantId 赋值删除即可

    2024年02月16日
    浏览(54)
  • jeecg-boot批量导入问题注意事项

    由于批量导入数据速度很快, 因为数据库中的create time字段的时间可能一样,并且jeecg框架自带的是根据生成时间排序, 因此在前端翻页查询的时候,数据每次排序可能会不一样, 会出现第一页已经出现过一次的数据在第二页还会出现。 在后端的查询接口中,要在拼接一个

    2024年02月12日
    浏览(53)
  • 详解 Jeecg-boot 框架如何配置 elasticsearch

    目录 一、下载安装 Elasticsearch 1、 地址:https://www.elastic.co/cn/downloads/elasticsearch 2、下载完成后,解压缩,进入config目录更改配置文件 3、 修改配置完成后,前往bin目录启动el 4、访问:localhost:9200 测试  二、配置 Jeecg-boot 框架 1、导入jeecg项目后,打开application-dev.yml配置文件,

    2024年01月17日
    浏览(45)
  • 基于jeecg-boot的任务甘特图显示

    更多功能看演示系统 gitee源代码地址 后端代码: https://gitee.com/nbacheng/nbcio-boot 前端代码:https://gitee.com/nbacheng/nbcio-vue.git 在线演示(包括H5) : http://122.227.135.243:9888 基于项目的任务显示,最直观的就是甘特图显示,所以今天就说甘特图的显示 经过选择,最终选择dhtmlx-gantt组

    2024年02月16日
    浏览(44)
  • jeecg-boot微服务部署步骤详细说明

    大家好,我是小龙人。 通常小企业是如何成长起来的?接外包,然后将公司慢慢的养起来,最后开始研发自己的产品,产品上线,上市! 哈哈,可能有点理想化了,但是身边好多朋友都自己出去创业了,今儿个张三开了个公司,明儿个李四也注册了个公司,但是了解了下,

    2023年04月09日
    浏览(85)
  • Jeecg-Boot 未授权SQL注入漏洞(CVE-2023-1454)

    原创文章创作不易,个人博客charis3306.top  JDK: 1.8+ (小于11) Maven: 3.5+ MySql: 5.7+ Redis: 3.2 + Node Js: 10.0 + Npm: 5.6.0+ Yarn: 1.21.1+ 下载源码 后端源码 https://github.com/jeecgboot/jeecg-boot/tree/v3.5.0 前端源码 https://github.com/jeecgboot/jeecgboot-vue3 安装手册 http://doc.jeecg.com/2043871 下载完成后放在bc中。

    2024年02月05日
    浏览(43)
  • 基于jeecg-boot的flowable流程跳转功能实现

    更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://gitee.com/nbacheng/nbcio-boot 前端代码:https://gitee.com/nbacheng/nbcio-vue.git 在线演示(包括H5) : http://122.227.135.243:9888       今天我们实现nbcio-boot的flowable的流程跳转功能。 一、前端实现 界面实现,就是点击跳转出来

    2024年02月11日
    浏览(44)
  • 基于jeecg-boot的flowable流程加签功能实现

        更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://gitee.com/nbacheng/nbcio-boot 前端代码:https://gitee.com/nbacheng/nbcio-vue.git 在线演示(包括H5) : http://122.227.135.243:9888       今天我们实现nbcio-boot的flowable的流程加签功能。 一、加签的几个概念 1、向前加签 任务在

    2024年02月11日
    浏览(56)
  • 记录一下基于jeecg-boot3.0的待办消息移植记录

        因为之前没有记录,所以还要看代码进行寻找,比较费劲,所以今天记录一下: 1、后端 SysAnnouncementController 下面函数增加待办的几个显示内容给前端用  具体代码如下: 2、前端 HeaderNotice.vue 文件 获取系统消息里增加待办内容   同时显示的地方做调整,包括样式与内容

    2024年02月12日
    浏览(47)
  • 【vue】vue中Mixins的用法(jeecg-boot为例):

    一、jeecg-boot本身只有JeecgListMixin.js Mixin是为将页面的一些 公共方法 放在一起处理(节省重复性代码,方便维护) 优先级: 页面里面的方法 Mixin里面的方法=》所以维护时要注意查找 二、使用Mixin: 注意: 这里import 导入的js文件,要在js文件里面有导出 三、mixins详解: 【1】由

    2024年02月14日
    浏览(49)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包