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

相关文章

Nginx分布式部署流程分析

《Nginx分布式部署流程分析》文章介绍Nginx在分布式部署中的反向代理和负载均衡作用,用于分发请求、减轻服务器压力及解决session共享问题,涵盖配置方法、策略及Java项目应用,并提及分布式事... 目录分布式部署NginxJava中的代理代理分为正向代理和反向代理正向代理反向代理Nginx应用场景

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

idea+spring boot创建项目的搭建全过程

《idea+springboot创建项目的搭建全过程》SpringBoot是Spring社区发布的一个开源项目,旨在帮助开发者快速并且更简单的构建项目,:本文主要介绍idea+springb... 目录一.idea四种搭建方式1.Javaidea命名规范2JavaWebTomcat的安装一.明确tomcat

pycharm跑python项目易出错的问题总结

《pycharm跑python项目易出错的问题总结》:本文主要介绍pycharm跑python项目易出错问题的相关资料,当你在PyCharm中运行Python程序时遇到报错,可以按照以下步骤进行排... 1. 一定不要在pycharm终端里面创建环境安装别人的项目子模块等,有可能出现的问题就是你不报错都安装

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面:本文主要介绍uni-app小程序项目中实... 目录方式一:使用<canvas>实现图片压缩(推荐,兼容性好)示例代码(小程序平台):方式二:使用uni

MyCat分库分表的项目实践

《MyCat分库分表的项目实践》分库分表解决大数据量和高并发性能瓶颈,MyCat作为中间件支持分片、读写分离与事务处理,本文就来介绍一下MyCat分库分表的实践,感兴趣的可以了解一下... 目录一、为什么要分库分表?二、分库分表的常见方案三、MyCat简介四、MyCat分库分表深度解析1. 架构原理2. 分

linux部署NFS和autofs自动挂载实现过程

《linux部署NFS和autofs自动挂载实现过程》文章介绍了NFS(网络文件系统)和Autofs的原理与配置,NFS通过RPC实现跨系统文件共享,需配置/etc/exports和nfs.conf,... 目录(一)NFS1. 什么是NFS2.NFS守护进程3.RPC服务4. 原理5. 部署5.1安装NF

linux查找java项目日志查找报错信息方式

《linux查找java项目日志查找报错信息方式》日志查找定位步骤:进入项目,用tail-f实时跟踪日志,tail-n1000查看末尾1000行,grep搜索关键词或时间,vim内精准查找并高亮定位,... 目录日志查找定位在当前文件里找到报错消息总结日志查找定位1.cd 进入项目2.正常日志 和错误日

在.NET项目中嵌入Python代码的实践指南

《在.NET项目中嵌入Python代码的实践指南》在现代开发中,.NET与Python的协作需求日益增长,从机器学习模型集成到科学计算,从脚本自动化到数据分析,然而,传统的解决方案(如HTTPAPI或... 目录一、CSnakes vs python.NET:为何选择 CSnakes?二、环境准备:从 Py

基于 Cursor 开发 Spring Boot 项目详细攻略

《基于Cursor开发SpringBoot项目详细攻略》Cursor是集成GPT4、Claude3.5等LLM的VSCode类AI编程工具,支持SpringBoot项目开发全流程,涵盖环境配... 目录cursor是什么?基于 Cursor 开发 Spring Boot 项目完整指南1. 环境准备2. 创建