记录下如何将项目部署到自己的服务器上

引言

开发好项目了，大家都是想要能访问到，因此我们可以部署到服务器上、无论是前端还是后端我们都可以部署

• 首先我们需要一台服务器、无论是本地的还是云服务器（阿里云、腾讯云等），使用云服务器的话，我们就可以随时随地访问我们开发的项目了。
• 那么言归正传：我们先开始部署前端项目
• 使用下ruoyi来实现下部署

前端项目的部署

1.打包前端项目

• 方案一：
• 1.将前端代码打包成zip上传到服务器
• 2.解压

unzip xxx.zip

• 3.安装npm镜像依赖【因为此时如果服务器没有npm环境的话】

npm install --unsafe-perm --registry=https://registry.npm.taobao.org

• 4.进行项目的打包操作

npm run build:prod

• 4.进入到dist目录查看你打包好的

cd /dist
# 查看此时dist目录位置，使用pwd
root/worksapce/ruoyi-ui/dist

方案2：

• 打包好dist后上传到服务器

2.将dist用Nginx进行部署

• 将dist目录记下后，切换到nginx目录下的nginx.conf
• 对location进行修改

再配置下nginx就可以再外网进行访问了

# 这里本地使用集群才配置，单台可以忽悠
upstream ruoyi{
    
    
	server 192.168.31.101:8080 weight = 5;
	server 192.168.31.102:8080 weight = 3;
}
location /{
    
    
	root /root/workspace/ruoyi-ui/dist;
	index index.html index.htm;
}
# 配置对应的信息
location /prod-api/ {
    
    
	proxy_set_header Host $http_host;
	proxy_set_header X-Real-IP $remote_addr;
	proxy_set_header REMOTE-HOST $remote_addr;
	proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
	proxy_pass http://ruoyi/;
}

• 配置好后执行以下命令

# 检查nginx.conf配置是否正确
nginx -t
# 重启nginx
nginx -s reload

后端项目的部署

• 打成jar包

• 打成war包

  • 1.打开**pom.xml**查看打包方式(创建项目时选择的打包方式)
  • 2.pom.xml中添加一个依赖

<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-tomcat</artifactId>
   <scope>provided</scope>
</dependency>

• 3.加一个启动类

public class SpringBootStartApplication extends SpringBootServletInitializer {
    
    
 
 @Override
 protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
    
    
                                 //Application的类名
     return application.sources(RuoYiApplication.class);
 }
 
}

• 4.项目打包成package;
• 5.启动后端：nohub java -jar ruoyi.jar &

结尾

到这里就基本上部署完了，后端很简单，你把数据库，Redis改一下就就可以了，然后打成jar包，直接启动后端的命令就完成了