部署VUE+SpringBoot+nginx项目

本文是前端是vite + element-plus

后端 springBoot

部署整个项目主要分为3个步骤,

1. 部署nginx,主要是配置nginx.conf   

2.打包前端代码   

3.打包后端代码

1.安装nginx

安装手顺:

linux安装nginx_linux安装nginx需要gcc还是gcc-c++-CSDN博客

|

|

配置nginx.conf文件报错:

nginx: [emerg] unknown directive “ “ in /etc/nginx/conf.d/XXX.conf:122”

问题解决:“nginx: [emerg] unknown directive “ “ in /etc/nginx/conf.d/XXX.conf:122”_nginx: [emerg] unknown directive "passenger_root" -CSDN博客

访问nginx出现403错误

https://blog.csdn.net/hzp666/article/details/136299416

2.部署前端应用

主要就是打包,然后把dist打个包,扔到服务器上,然后把压缩包解压到 nginx.conf中配置的前端工程位置中。

这里使用 pnpm 和 vite 打包

执行命令   pnpm run build 

报错:

1. >sdinopharm-dashboardao.0.0 build C: \doc\myProject\sinopharm-hr-schedule-frontend
> run-p type-check "build-only  @r” -
run-p’不是内部或外部命令,也不是可运行的程序
或批处理文件

解决方法:pnpm i

2. 部署后发现vue页面没有显示完全,

可能原因:element-plus没有打进包里

解决办法:引入element-plus

基于 Vite + Vue3 项目中三种引入 Element Plus 方式的对照说明-CSDN博客

3.部署后端应用

在idea中,先clean 再package

项目打包:

springboot项目打包成jar_springboot打包成jar-CSDN博客

linux下:
1查看当前jar的pid

ps -ef|grep jar包名


2.终止当前jar

kill -9 pid


 3、启动指定项目

nohup java -jar jar包名 --server.port=指定端口号  > 日志文件.log 2>&1 &


nohup 和 & 是保证后台运行不终止的意思,2>&1是将错误输出定位到左边的文件中

报错:

1. maven-compiler-plugin报红,Plugin 'org.apache.maven.plugins:maven-compiler-plugin:3.8.1' not found

maven导入依赖报错的原因,极有可能是你通过maven下载这些依赖的时候网络发生错误,导致你本地的的文件并不完整,所以会报错,但是因为已经下载好了一部分,你这个时候刷新maven并不会重新下载,会一直使用该半成品文件,所以会一直报错。

        解决方法:为根据idea提示的报错路径在maven本地仓库中找到该文件,删除后刷新maven重新下载就可以了!
                        https://blog.csdn.net/Aiden_Jay/article/details/132227469

把下图中的包全部删掉

以上完工!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/705264.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

c++数字反转

题目描述 给定一个整数 N,请将该数各个位上数字反转得到一个新数。新数也应满足整数的常见形式,即除非给定的原数为零,否则反转后得到的新数的最高位数字不应为零(参见样例 2)。 输入格式 一个整数 N。 输出格式 …

东南亚市场外贸注意事项

东南亚地区由多个国家组成,每个国家都有其独特的文化、经济和政治背景,因此在这个地区开展业务需要考虑到各种不同因素。此外,东南亚地区也是一个经济增长迅速、市场潜力巨大的区域,吸引了众多国际企业的关注。然而,与…

【牛客】SQL35 浙大不同难度题目的正确率

描述 题目:现在运营想要了解浙江大学的用户在不同难度题目下答题的正确率情况,请取出相应数据,并按照准确率升序输出。 示例: user_profile iddevice_idgenderageuniversitygpaactive_days_within_30question_cntanswer_cnt121…

学生个性化成长平台搭建随笔记

1.Vue的自定义指令 在 Vue.js 中,我们可以通过 Vue.directive() 方法来定义自定义指令。具体来说,我们需要传递两个参数: 指令名称:表示我们要定义的指令名称,可以是一个字符串值,例如:has-rol…

【MySQL】undo log、redo log、bin log三者之间的区分?

undo log、redo log、bin log三者之间的区分? 从 产生的时间点、日志内容、用途 三方面展开论述即可 1.undo log——撤销日志 时间点:事务开始之前产生,根据当前版本的数据生成一个undo log,也保存在事务开始之前 作用&#xf…

在Pycharm中运行Django项目如何指定运行的端口

方法步骤: 打开 PyCharm,选择你的 Django 项目。在菜单栏中,选择 “Run” -> “Edit Configurations...”。在打开的 “Run/Debug Configurations” 对话框中,选择你的 Django server 配置(如果没有,你…

Mathematica学习笔记收纳

笔记 可以关注官方公众号 帮助文件 https://reference.wolfram.com/language/index.html.zh 南京大学的介绍 https://oi.nju.edu.cn/Mathematica/listm.htm

08 string类的使用

为什么要学习string类 c语言中的字符串 c语言中,字符串是以\0结尾的一些字符的集合,为了操作方便,c标准库提供了一些str系列的函数,但是这些库函数与字符串是分离开的,不符合OOP的思想,而且底层空间需要自…

日本韩国媒体宣发稿渠道平台怎么找?跨境出海推广新闻报道营销公司告诉你

【本篇由言同数字科技有限公司原创】随着全球化和互联网的快速发展,品牌出海已经成为众多企业的共同目标。在这个过程中,通过在日本和韩国的媒体上发表文章,可以带来许多重要的意义和益处。在本文中,我们将探讨一下这些意义。 首…

MySQL学习Day21-索引的创建与设计原则

一、索引的声明与使用 1.索引的分类: 功能逻辑:普通索引、全文索引、单列索引、多列索引和空间索引 物理实现:聚簇索引和非聚簇索引 作用字段个数:单列索引和联合索引 (1)普通索引:在创建普通索引时,不附加任何限制条件,只是用于提高查询效率&#…

关于跨链桥的访谈链接合集

想了解跨链桥,知名人士的访谈也很重要,下面是相关知名人士的访谈合计 1:Andre Cronje 专访Andre Cronje:99% 的项目都是垃圾,但是还有 1% 的真正价值存在 https://www.panewslab.com/zh/articledetails/g52p2lpbudmm.…

在Android中使用ActiveMQ通信应用MQTT

1.MQTT简介: MQTT 是一种基于发布订阅模型的即时通讯协议,它被设计为一个极其轻量级的发布/订阅消息传输协议。对于需要较小代码占用空间和/或网络带宽非常宝贵的远程连接非常有用,是专为受限设备和低带宽、高延迟或不可靠的网络而设计,所以主要应用于物联网设备中。 2.MQTT…

Element复选框只要框不要字

场景 复选框分别放在多个选项后&#xff0c;只需要勾选框&#xff0c;不要展现的文字。 实现 <el-checkbox-group v-model"checkList"><el-checkbox label"使用核武器"></el-checkbox> </el-checkbox-group> ... data() {retu…

Java零基础-do-while循环语句

前言 Java作为一门高级编程语言&#xff0c;其强大的功能和应用广泛性备受程序员和开发者青睐。而在Java中&#xff0c;循环语句是程序开发中的重要组成部分&#xff0c;其中的do-while循环语句也是其中的一个必备知识点。 本文将以Java语言为例&#xff0c;详细介绍do-while…

Android 指南针校准进度计算实现

关于Android中指南针的实现&#xff0c;我们可以使用传感器来获取设备的方向信息&#xff0c;从而实现指南针功能。 Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);sensorManager (SensorManager) getSystemService(Conte…

Leetcode——hot3最长连续序列

最长连续序列 class Solution {public int longestConsecutive(int[] nums) {if(nums.length 0 || nums.length 1){return nums.length;}Arrays.sort(nums);int count 1;int max 1;for(int i 0; i < nums.length - 1; i){if(nums[i1] - nums[i] 1){count;if(count &…

2004-2020年全国及各省森林覆盖率、森林面积等数据

数据名称:中国及各省森林资源指标面板数据 数据来源:中国环境统计年鉴(2004-2020年) 森林覆盖率是指森林面积占土地总面积的比率,是反映一个国家(或地区)森林资源和林地占有的实际水平的重要指标,一般使用百分比表示。 林业用地面积是指生长乔木、竹类、灌木、沿海红…

逆序或者正序打印一个数的每一位数,递归实现(C语言)

从键盘上输入一个不多于5位&#xff08;包括5位&#xff09;的正整数&#xff0c;要求 &#xff08;1&#xff09;求出它是几位数&#xff1b;&#xff08;2&#xff09;分别输出每一位数字&#xff08;3&#xff09;按逆序输出各位数字 &#xff08;1&#xff09;求出它是几位…

Date时间 ,Calendar日历,Timer TimerTask定时任务

Date Date date new Date();System.out.println(date);//Tue Feb 27 10:00:58 CST 2024System.out.println(date.toString());//Tue Feb 27 10:01:42 CST 2024System.out.println(date.getTime());//1669617690850//规范化SimpleDateFormat simpleDateFormat new SimpleDateF…

A星寻路算法及拆解demo

关于自动寻路&#xff0c;在游戏中还是经常会遇到的。如角色如何代价最小(距离少&#xff0c;时间快&#xff0c;方式支持)移动到某个位置。本篇记录下A*寻路的流程与优化。 为了做一个可以方便展示在web的demo&#xff0c;更好拆解寻路的步骤&#xff0c;所以本篇用了cocos c…