jeecg项目部署笔记

2024-02-20 05:48
文章标签 部署 项目 笔记 jeecg

本文主要是介绍jeecg项目部署笔记,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近要把 jeecg的前端项目部署到服务器上,结果出了错误。我一个前端超级小菜鸟啥也不会,鼓捣了好久 。

项目部署

打包
用的是webstrom,Antd-Jeecg,
写好的项目 直接 build打包,会在项目目录下生成一个dist文件
在这里插入图片描述
将dist文件复制到服务器上的 nginx文件的HTML文件夹下
在这里插入图片描述

我这里是复制到别的自己建的obd文件夹了,因为HTML下已经有别的项目了。到时候 修改配置 引用进去就好了。
在这里插入图片描述
后台服务器配置nginx文件jeecg文档参考链接

修改 nginx下的conf文件夹下的nginx.conf文件
在这里插入图片描述
红框里是要按需求修改的值 ,
配置了这个location便可以通过http://域名/jeecg-boot/xxxx 访问你的项目了。

我的问题

①项目部署完部分图片加载不出来
②项目运行缓慢,且只能通过首页访问,其他页面加载不进去

问题一

百度了很多方法,(参考链接,一定要看!)
原因: 通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的。我们的图片路径都是经历过文件夹的,在本地引用图片是绝对路径,但打包后因为把配置的static文件夹当成了根路径,所以很多图片找不到都不显示。
总结就是:打包后解析出的路径错了,找不到图片了。
确实,我在F12查看图片的时候,发现路径是错误的,显示路径在一个不存在的/user/下。

解决办法:
找到这样一段代码:插入publicPath:’…/’
在这里插入图片描述
普通VUe项目 是在 webpack.prod.conf.js文件里的,但Antd-jeecg项目里的文件是被开发者修改过的,我在项目依赖的文件下找到的
在这里插入图片描述
这也据你的实际情况来看 ,我是…/ 返回一层就行,看大家大多返回两层 publicPath:’…/…/’
返回几层可以看这篇,主要是F12看错误文件路径 ,与正确的文件路径比对

其他参考:参考一 、参考二 (这几篇可以提供很有用的思路,感谢大佬们!)

问题二

原因肯定是路由设置有关,我参考了jeecg官方文档的这一篇
在这里插入图片描述
修改后页面加载确实不会出现问题,

小结:

但我个人觉得这可能不是最正确的解决办法,
只是解决了我当下的问题,希望有大佬可以指教!
感谢以上所有参考链接的大神们,对我这种小白来说 真的很有用!
希望大家在参考这篇的时候一定要看一看,看完思路会清晰很多的。

这篇关于jeecg项目部署笔记的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/727224

相关文章

使用IDEA部署Docker应用指南分享

《使用IDEA部署Docker应用指南分享》本文介绍了使用IDEA部署Docker应用的四步流程:创建Dockerfile、配置IDEADocker连接、设置运行调试环境、构建运行镜像,并强调需准备本... 目录一、创建 dockerfile 配置文件二、配置 IDEA 的 Docker 连接三、配置 Do

在IntelliJ IDEA中高效运行与调试Spring Boot项目的实战步骤

《在IntelliJIDEA中高效运行与调试SpringBoot项目的实战步骤》本章详解SpringBoot项目导入IntelliJIDEA的流程,教授运行与调试技巧,包括断点设置与变量查看,奠定... 目录引言:为良驹配上好鞍一、为何选择IntelliJ IDEA?二、实战:导入并运行你的第一个项目步骤1

MySQL 主从复制部署及验证(示例详解)

《MySQL主从复制部署及验证(示例详解)》本文介绍MySQL主从复制部署步骤及学校管理数据库创建脚本,包含表结构设计、示例数据插入和查询语句,用于验证主从同步功能,感兴趣的朋友一起看看吧... 目录mysql 主从复制部署指南部署步骤1.环境准备2. 主服务器配置3. 创建复制用户4. 获取主服务器状态5

IntelliJ IDEA2025创建SpringBoot项目的实现步骤

《IntelliJIDEA2025创建SpringBoot项目的实现步骤》本文主要介绍了IntelliJIDEA2025创建SpringBoot项目的实现步骤,文中通过示例代码介绍的非常详细,对大家... 目录一、创建 Spring Boot 项目1. 新建项目2. 基础配置3. 选择依赖4. 生成项目5.

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

如何在Ubuntu 24.04上部署Zabbix 7.0对服务器进行监控

《如何在Ubuntu24.04上部署Zabbix7.0对服务器进行监控》在Ubuntu24.04上部署Zabbix7.0监控阿里云ECS服务器,需配置MariaDB数据库、开放10050/1005... 目录软硬件信息部署步骤步骤 1:安装并配置mariadb步骤 2:安装Zabbix 7.0 Server

深度解析Java项目中包和包之间的联系

《深度解析Java项目中包和包之间的联系》文章浏览阅读850次,点赞13次,收藏8次。本文详细介绍了Java分层架构中的几个关键包:DTO、Controller、Service和Mapper。_jav... 目录前言一、各大包1.DTO1.1、DTO的核心用途1.2. DTO与实体类(Entity)的区别1

如何在Spring Boot项目中集成MQTT协议

《如何在SpringBoot项目中集成MQTT协议》本文介绍在SpringBoot中集成MQTT的步骤,包括安装Broker、添加EclipsePaho依赖、配置连接参数、实现消息发布订阅、测试接口... 目录1. 准备工作2. 引入依赖3. 配置MQTT连接4. 创建MQTT配置类5. 实现消息发布与订阅

springboot项目打jar制作成镜像并指定配置文件位置方式

《springboot项目打jar制作成镜像并指定配置文件位置方式》:本文主要介绍springboot项目打jar制作成镜像并指定配置文件位置方式,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录一、上传jar到服务器二、编写dockerfile三、新建对应配置文件所存放的数据卷目录四、将配置文

怎么用idea创建一个SpringBoot项目

《怎么用idea创建一个SpringBoot项目》本文介绍了在IDEA中创建SpringBoot项目的步骤,包括环境准备(JDK1.8+、Maven3.2.5+)、使用SpringInitializr... 目录如何在idea中创建一个SpringBoot项目环境准备1.1打开IDEA,点击New新建一个项