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

相关文章

在Ubuntu上部署SpringBoot应用的操作步骤

《在Ubuntu上部署SpringBoot应用的操作步骤》随着云计算和容器化技术的普及,Linux服务器已成为部署Web应用程序的主流平台之一,Java作为一种跨平台的编程语言,具有广泛的应用场景,本... 目录一、部署准备二、安装 Java 环境1. 安装 JDK2. 验证 Java 安装三、安装 mys

javafx 如何将项目打包为 Windows 的可执行文件exe

《javafx如何将项目打包为Windows的可执行文件exe》文章介绍了三种将JavaFX项目打包为.exe文件的方法:方法1使用jpackage(适用于JDK14及以上版本),方法2使用La... 目录方法 1:使用 jpackage(适用于 JDK 14 及更高版本)方法 2:使用 Launch4j(

Docker集成CI/CD的项目实践

《Docker集成CI/CD的项目实践》本文主要介绍了Docker集成CI/CD的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录一、引言1.1 什么是 CI/CD?1.2 docker 在 CI/CD 中的作用二、Docke

SpringBoot项目引入token设置方式

《SpringBoot项目引入token设置方式》本文详细介绍了JWT(JSONWebToken)的基本概念、结构、应用场景以及工作原理,通过动手实践,展示了如何在SpringBoot项目中实现JWT... 目录一. 先了解熟悉JWT(jsON Web Token)1. JSON Web Token是什么鬼

手把手教你idea中创建一个javaweb(webapp)项目详细图文教程

《手把手教你idea中创建一个javaweb(webapp)项目详细图文教程》:本文主要介绍如何使用IntelliJIDEA创建一个Maven项目,并配置Tomcat服务器进行运行,过程包括创建... 1.启动idea2.创建项目模板点击项目-新建项目-选择maven,显示如下页面输入项目名称,选择

Jenkins中自动化部署Spring Boot项目的全过程

《Jenkins中自动化部署SpringBoot项目的全过程》:本文主要介绍如何使用Jenkins从Git仓库拉取SpringBoot项目并进行自动化部署,通过配置Jenkins任务,实现项目的... 目录准备工作启动 Jenkins配置 Jenkins创建及配置任务源码管理构建触发器构建构建后操作构建任务

若依部署Nginx和Tomcat全过程

《若依部署Nginx和Tomcat全过程》文章总结了两种部署方法:Nginx部署和Tomcat部署,Nginx部署包括打包、将dist文件拉到指定目录、配置nginx.conf等步骤,Tomcat部署... 目录Nginx部署后端部署Tomcat部署出现问题:点击刷新404总结Nginx部署第一步:打包

Nginx、Tomcat等项目部署问题以及解决流程

《Nginx、Tomcat等项目部署问题以及解决流程》本文总结了项目部署中常见的four类问题及其解决方法:Nginx未按预期显示结果、端口未开启、日志分析的重要性以及开发环境与生产环境运行结果不一致... 目录前言1. Nginx部署后未按预期显示结果1.1 查看Nginx的启动情况1.2 解决启动失败的

闲置电脑也能活出第二春?鲁大师AiNAS让你动动手指就能轻松部署

对于大多数人而言,在这个“数据爆炸”的时代或多或少都遇到过存储告急的情况,这使得“存储焦虑”不再是个别现象,而将会是随着软件的不断臃肿而越来越普遍的情况。从不少手机厂商都开始将存储上限提升至1TB可以见得,我们似乎正处在互联网信息飞速增长的阶段,对于存储的需求也将会不断扩大。对于苹果用户而言,这一问题愈发严峻,毕竟512GB和1TB版本的iPhone可不是人人都消费得起的,因此成熟的外置存储方案开

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template