Centos中部署项目（前后端）

后端部署

SpringBoot项目

相关博客：https://blog.csdn.net/weixin_39723544/article/details/82012827

打包项目

类型

• jar包

  • 运行：

    执行命令： java -jar xx.jar

  • 优点

    运行方便，适合运行在服务器的脚本项目

• war包

  • 运行：

    放置在Tomcat的webapps目录中，然后呢启动Tomcat

  • 优点

    方便修改配置，适合web项目

配置

• jar包

  1. 修改打包方式

     配置文件：pom.xml

     
     jar
     

  2. 添加spring boot maven插件，指定mainClass

     配置文件：pom.xml

     
     	org.springframework.boot
         		spring-boot-maven-plugin
     			
     			com.cherry.framework.FrameworkApplication
     			repackage
     			
     			
     		
     	
     
     

  3. 通过maven打包

     进入项目根目录（即pom.xml所在文件目录），执行命令

     mvn clean package
     

  4. 运行项目

     进入jar包目录，执行命令

     java -jar ***.jar
     

• war包

  1. 修改配置文件

     
     war
     
     
     
     	org.springframework.boot
     	spring-boot-starter-web
     	
     	
     	    
     			org.springframework.boot
     			spring-boot-starter-tomcat
     	   
         
     
     
     
     　　org.springframework.boot
     　　spring-boot-starter-tomcat
         
     　　provided
     
     	javax.servlet
     	javax.servlet-api
     	3.1.0
     
     
     
     	org.springframework.boot
     	spring-boot-starter-tomcat
     	provided
     
     
     
     
         
         war包名称
         
             
                 org.springframework.boot
                 spring-boot-maven-plugin
             
         
     
     

  2. 修改启动类

     启动类继承SpringBootServletInitializer，并实现configure

     @SpringBootApplication
     public class Application extends SpringBootServletInitializer {
     
         public static void main(String[] args) {
             SpringApplication.run(Application.class, args);
         }
     
         @Override
         protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
             return builder.sources(Application.class);
         }
     }
     

  3. 通过maven打包项目

     进入项目根目录（即pom.xml所在文件目录），执行命令

     mvn clean package
     

  4. Tomcat部署

     将war包放置到Tomcat的webapps目录下，启动Tomcat

配置域名映射

1. 修改Tomcat的配置文件

   /conf/server.conf

   1. 修改Connector节点的port属性值

      将端口8080改成80

   2. 修改Engine节点的name属性值

      将localhost修改成域名

   3. 修改Host节点的name属性值

      将localhost修改成域名

   4. 在

2. 保存配置文件，重启Tomcat

3. 配置系统的host文件，添加域名配置

   当前服务器IP 域名
   ## 示例
   192.168.85.128 www.testnginx.com
   

4. 直接使用配置的域名进行访问即可

前端部署

Vue项目

打包项目

1. 在项目的根目录下执行命令

   npm run build
   

2. 得到打包后的项目

   执行打包命令之后，项目根目录新生成的dist文件夹即是打包好的项目，可以直接运行

部署项目

使用nginx部署

1. 安装nginx

   http://nginx.org/en/download.html

2. 配置nginx环境变量

   在/etc/profile 中加入：

   export NGINX_HOME=nginx安装路径
   export PATH=$PATH:$NGINX_HOME/sbin
   ## 示例
   export NGINX_HOME=/usr/local/nginx
   export PATH=$PATH:$NGINX_HOME/sbin
   

   保存，执行命令：

   source /etc/profile
   

   使配置文件生效。

3. 修改nginx的配置文件

   conf/nginx.conf

   upstream testnginx{
       server localhost:8080;
      #server localhost:8081;
   }
   server {
       listen 80;     #1.你想让你的这个项目跑在哪个端口
       server_name 47.94.76.91;     #2.当前服务器ip，可以直接配置域名
       
       location / {
           root   /home/dist/;     #3.dist文件的位置（需要绝对路径）
           try_files $uri $uri/ /index.html;     #4.重定向,内部文件的指向(照写)
       }
      	location /apis {  #4.当请求跨域时配置端口转发
           proxy_pass http://47.92.76.97:8848/apis; #5.转发地址
       } 
   }
   

4. 重启nginx

   ## 检查配置
   nginx -t
   ## 重启nginx
   nginx -s reload
   

5. 如果配置域名的话，需要配置系统host文件，添加域名解析

   当前服务器IP 域名
   ## 示例
   192.168.85.128 www.testnginx.com
   

6. 访问项目