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

相关文章

springboot项目中整合高德地图的实践

《springboot项目中整合高德地图的实践》:本文主要介绍springboot项目中整合高德地图的实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一:高德开放平台的使用二:创建数据库(我是用的是mysql)三:Springboot所需的依赖(根据你的需求再

一文详解如何在idea中快速搭建一个Spring Boot项目

《一文详解如何在idea中快速搭建一个SpringBoot项目》IntelliJIDEA作为Java开发者的‌首选IDE‌,深度集成SpringBoot支持,可一键生成项目骨架、智能配置依赖,这篇文... 目录前言1、创建项目名称2、勾选需要的依赖3、在setting中检查maven4、编写数据源5、开启热

SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志

《SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志》在SpringBoot项目中,使用logback-spring.xml配置屏蔽特定路径的日志有两种常用方式,文中的... 目录方案一:基础配置(直接关闭目标路径日志)方案二:结合 Spring Profile 按环境屏蔽关

MySQL版本问题导致项目无法启动问题的解决方案

《MySQL版本问题导致项目无法启动问题的解决方案》本文记录了一次因MySQL版本不一致导致项目启动失败的经历,详细解析了连接错误的原因,并提供了两种解决方案:调整连接字符串禁用SSL或统一MySQL... 目录本地项目启动报错报错原因:解决方案第一个:第二种:容器启动mysql的坑两种修改时区的方法:本地

springboot项目中使用JOSN解析库的方法

《springboot项目中使用JOSN解析库的方法》JSON,全程是JavaScriptObjectNotation,是一种轻量级的数据交换格式,本文给大家介绍springboot项目中使用JOSN... 目录一、jsON解析简介二、Spring Boot项目中使用JSON解析1、pom.XML文件引入依

使用vscode搭建pywebview集成vue项目实践

《使用vscode搭建pywebview集成vue项目实践》:本文主要介绍使用vscode搭建pywebview集成vue项目实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录环境准备项目源码下载项目说明调试与生成可执行文件核心代码说明总结本节我们使用pythonpywebv

Maven项目中集成数据库文档生成工具的操作步骤

《Maven项目中集成数据库文档生成工具的操作步骤》在Maven项目中,可以通过集成数据库文档生成工具来自动生成数据库文档,本文为大家整理了使用screw-maven-plugin(推荐)的完... 目录1. 添加插件配置到 pom.XML2. 配置数据库信息3. 执行生成命令4. 高级配置选项5. 注意事

eclipse如何运行springboot项目

《eclipse如何运行springboot项目》:本文主要介绍eclipse如何运行springboot项目问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目js录当在eclipse启动spring boot项目时出现问题解决办法1.通过cmd命令行2.在ecl

SpringBoot项目Web拦截器使用的多种方式

《SpringBoot项目Web拦截器使用的多种方式》在SpringBoot应用中,Web拦截器(Interceptor)是一种用于在请求处理的不同阶段执行自定义逻辑的机制,下面给大家介绍Sprin... 目录一、实现 HandlerInterceptor 接口1、创建HandlerInterceptor实

Maven项目打包时添加本地Jar包的操作步骤

《Maven项目打包时添加本地Jar包的操作步骤》在Maven项目开发中,我们经常会遇到需要引入本地Jar包的场景,比如使用未发布到中央仓库的第三方库或者处理版本冲突的依赖项,本文将详细介绍如何通过M... 目录一、适用场景说明​二、核心操作命令​1. 命令格式解析​2. 实战案例演示​三、项目配置步骤​1