部署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中配置的前端工程位置中，然后 重启下服务  nginx -s reload。

这里使用 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

把下图中的包全部删掉

以上完工！