宝塔+阿里云服务器部署若依前后端分离版项目，解决nginx刷新404问题

一、环境准备

1、后端

（1）修改数据库的配置，将连接地址改为服务器的ip

（2）idea右侧“m”，选择“ruoyi”，选择package

（3）打包成功

（4）target下的jar包就是项目的jar

（5）打包完成，在终端运行，看看是不是有问题【非常重要！！！要保证代码没有问题再部署！！！】

（6）运行命令，看项目是否正常

java -jar ruoyi-admin.jar

启动成功

（7）将jar包上传到服务器的项目目录下（使用xftp工具，此处不过多讲述），我的是 /home/ruoyi/ruoyi-admin

（8）使用finalshell工具，进入到该目录下，输入命令

vim DockerFile

（9）输入i，将下列代码复制进去，esc，输入 :wq ，退出并保存

FROM openjdk:8

# 设置时区
RUN /bin/cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime && echo 'Asia/Shanghai' >/etc/timezone

# copy并rname
ADD ruoyi-admin.jar chat.jar


# 配日志容器后启动执行的命令
ENTRYPOINT ["java","-Xdebug","-Xrunjdwp:server=y,transport=dt_socket,address=9528,suspend=n","-jar","ruoyi-admin.jar","--spring.profiles.active=dev"]

2、前端

（1）修改 vue.config.js的target为 服务器的ip+java后端的端口

（2）执行 npm build:prod，项目根目录下会多dist文件，拿到这个文件上传到服务器项目目录下（/home/ruoyi）

二、端口开放

1、阿里云服务器

进入阿里云ecs服务器，找到自己的服务器，选择安全组，进去以后开放前后端的端口。

2、宝塔

进入宝塔，选择安全，添加规则，输入要开放的端口，选择tcp协议，所有人可访问，保存。

三、宝塔部署操作

1、进入网站，选择“添加站点”，随便输入一个域名，选择纯静态，保存

2、找到刚刚添加的站点，点击“设置”，在域名管理中添加域名和端口，保存

3、找到网站管理，选择项目根目录，选择运行的项目目录，选择自己上传的前端的目录，我的是dist，保存

4、进入配置文件，将listen的端口改为80

5、回到域名管理，点击域名，会跳到前端页面，我这里是若依的登录页面

6、此时项目会报错，不要管，我们使用finalshell进入项目目录（/home/ruoyi/ruoyi-admin），依次运行下列命令

docker build -f ./Dockerfile -t ruoyi-admin:0.0.1 .

docker run -id -p 10083:10083 ruoyi-admin:0.0.1

[ 注意 ] 此处的“10083”是后端的端口