【服务器】部署单体项目以及前后端分离项目（项目部署）

╰半橙微兮° 2024-02-20 09:11 60阅读 0赞

**目录**

一、简介

1、Linux部署单机项目：

2、前后端分离项目：

二、单体项目

1、共享文件

2、运行sql文件

3、解压项目放入tomcat

4、打开tomcat服务

5、启动项目

6、出现用户不存在

三、前后端分离项目部署

1、导入项目

2、查看配置

3、运行sql文件

4、在虚拟机配置node

5、启动

5.1、解决一

启动1

启动2

5.2、解决二

--------------------

## 一、简介 ##

> 以下就是Linux部署单机项目和前后端分离项目的优缺点，希望对你有所帮助。

### 1、Linux部署单机项目： ###

**优点：**

1.  简化了系统管理：由于所有服务都在同一台机器上运行，因此可以简化系统管理和维护。
2.  提高了性能：由于没有网络延迟和其他因素的影响，所以可以提高系统的性能。

**缺点：**

1.  容易出现故障：如果一台机器发生故障，那么整个系统都会受到影响。
2.  难以扩展：随着业务的发展，可能需要增加更多的服务器来处理请求，但是这在单机项目中是很难实现的。

### 2、前后端分离项目： ###

**优点：**

1.  易于扩展：由于前端和后端是分开的，所以可以根据需求添加或删除服务器，从而更容易地进行扩展。
2.  更高的灵活性：前端和后端可以独立开发和测试，这样可以更快地推出新的功能。

**缺点：**

1.  复杂性增加：由于需要管理和协调多个服务器，所以可能会增加系统的复杂性。
2.  性能问题：由于需要通过网络传输数据，所以可能会出现网络延迟等问题，影响系统的性能。

## 二、单体项目 ##

> 在部署项目到虚拟机之前我们要把我的sql数据和war包在自己的电脑上进行部署，看有没有问题在进行到虚拟机上面进行部署。

### 1、共享文件 ###

> 主机连接虚拟机共享数据文件和**war包**项目。

### 2、运行sql文件 ###

> 找到sql文件，在数据库里面运行我们的sql文件。
> 
> 文件选择我的sql文件路径；
> 
> ![d5c71746fefc4f5ca33c60a6881b7b22.png][]

### 3、解压项目放入tomcat ###

> 解压项目（我们的war包）放入tomcat服务器或者放入任何的其他服务器。我这里以**tomcat**为例：
> 
> ![1bbbbe50b9ed4dbc97230f1cd6cff27d.png][]

### 4、打开tomcat服务 ###

> 在虚拟机中找到**tomcat**服务器的**bin**目录下的**startup.bat**,双击运行后。
> 
> ![6e83b30777234a70a0421668d8d2a0dc.png][]

### 5、启动项目 ###

> 回到我们的主机在浏览器中输入ip地址+访问路径即可访问。
> 
> ![5c787344780e41f78f437a54ec059332.gif][]

### 6、出现用户不存在 ###

> 如果你的项目运行登录的时候。如果出现用户不存在，可以查看你虚拟机里面的报错，大概是这个项目的**配置文件，配置sql的数据库不对**。
> 
> ![0332db7fb5b6441383651147df0a1476.png][]

> 我们在我们放**war包位置**，可以看到我们的项目被解压出来了，我们可以在里面找到我们的配置文件，更改我们的数据库名。
> 
> ![784f6c3ed277460a95c531fea427ca25.png][]
> 
> 我这里的配置文件名是config.properties。
> 
> 看这些位置是否与虚拟机里的一样。
> 
> ![14406fa5426b498e9b46734c9e3d922f.png][]

> 更改后访问重启tomcat服务，重新访问。
> 
> ![46e87ddc03f34be18f74ba0917a48d83.gif][]

## 三、前后端分离项目部署 ##

### 1、导入项目 ###

> 还是一样把我们的**war包**放入**tomcat**中的**webapp**里面。
> 
> ![37af07eb88984aaba0474cc8dfa16614.png][]

### 2、查看配置 ###

> 运行我们的tomcat解析我们的项目之后，找到我们的配置数据库的文件。
> 
> 打开tomcat服务
> 
> 启动项目
> 
> ![cd84ce9ba37043f788a6186934c3a1cf.png][]

### 3、运行sql文件 ###

> 在我们的虚拟机里面新建数据库，运行我们所需要的sql文件。
> 
> ![188cdd20a7aa43d9b9cf8485ffcd1b78.png][]
> 
> ![c6b1ab2add1447cc945dcdbfabb3e5ba.png][]

> 更改我们虚拟机的配置后重启tomcat。

### 4、在虚拟机配置node ###

> 下载配置查看[【Vue+NodeJS】vue路由及NodeJS环境搭建（Windows版）-CSDN博客][Vue_NodeJS_vue_NodeJS_Windows_-CSDN]。

### 5、启动 ###

> 1.  启动tomcat
> 2.  在我们的spa项目里面**cmd**命令打开窗口，输入命令**npm run dev**。![a9bee7470637451bab96c088b351b9dc.png][]![72097023f614413d879ee0e65e774a50.png][]
> 
> 前后端分离的项目如果直接这么访问就会访问不到，只有虚拟机自己才可访问。
> 
> ![b2b76480066f459984aae2ec19d7b5cb.png][]

#### 5.1、解决一 ####

> 利用**nginx**做反向代理处理该问题，在nginx文件中找到**nginx.conf** 文件，将文件种的 location 进行修改。
> 
> [nginx: download][nginx_ download]
> 
> ![d80cea750b1845a6981c18941c39cc08.png][]
> 
>     #user  nobody;
>     worker_processes  1;
>      
>     #error_log  logs/error.log;
>     #error_log  logs/error.log  notice;
>     #error_log  logs/error.log  info;
>      
>     #pid        logs/nginx.pid;
>      
>      
>     events {
>         worker_connections  1024;
>     }
>      
>      
>     http {
>         include       mime.types;
>         default_type  application/octet-stream;
>      
>         #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
>         #                  '$status $body_bytes_sent "$http_referer" '
>         #                  '"$http_user_agent" "$http_x_forwarded_for"';
>      
>         #access_log  logs/access.log  main;
>      
>         sendfile        on;
>         #tcp_nopush     on;
>      
>         #keepalive_timeout  0;
>         keepalive_timeout  65;
>      
>         #gzip  on;
>      
>         server {
>             listen       80;
>             server_name  localhost;
>      
>             #charset koi8-r;
>      
>             #access_log  logs/host.access.log  main;
>      
>             location / {
>                 proxy_pass   http://localhost:8081;
>             }
>      
>             #error_page  404              /404.html;
>      
>             # redirect server error pages to the static page /50x.html
>             #
>             error_page   500 502 503 504  /50x.html;
>             location = /50x.html {
>                 root   html;
>             }
>      
>             # proxy the PHP scripts to Apache listening on 127.0.0.1:80
>             #
>             #location ~ \.php$ {
>             #    proxy_pass   http://127.0.0.1;
>             #}
>      
>             # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
>             #
>             #location ~ \.php$ {
>             #    root           html;
>             #    fastcgi_pass   127.0.0.1:9000;
>             #    fastcgi_index  index.php;
>             #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
>             #    include        fastcgi_params;
>             #}
>      
>             # deny access to .htaccess files, if Apache's document root
>             # concurs with nginx's one
>             #
>             #location ~ /\.ht {
>             #    deny  all;
>             #}
>         }
>      
>      
>         # another virtual host using mix of IP-, name-, and port-based configuration
>         #
>         #server {
>         #    listen       8000;
>         #    listen       somename:8080;
>         #    server_name  somename  alias  another.alias;
>      
>         #    location / {
>         #        root   html;
>         #        index  index.html index.htm;
>         #    }
>         #}
>      
>      
>         # HTTPS server
>         #
>         #server {
>         #    listen       443 ssl;
>         #    server_name  localhost;
>      
>         #    ssl_certificate      cert.pem;
>         #    ssl_certificate_key  cert.key;
>      
>         #    ssl_session_cache    shared:SSL:1m;
>         #    ssl_session_timeout  5m;
>      
>         #    ssl_ciphers  HIGH:!aNULL:!MD5;
>         #    ssl_prefer_server_ciphers  on;
>      
>         #    location / {
>         #        root   html;
>         #        index  index.html index.htm;
>         #    }
>         #}
>      
>     }

##### 启动1 #####

> 在**nginx根目录**下输入**cmd**进入命令窗口输入 **nginx.exe -s reload**重启

##### 启动2 #####

> 双击启动文件
> 
> ![a3d0bcf1ed9848c8bad9a481f165dbbf.png][]

最后就可以进行访问了！！！

![f1a0573d1f5b4cc098c8de534b1274f8.png][]

#### 5.2、解决二 ####

> 在spa项目中找到**config**文件下的**index.js**将**host:'localhost'**改为**0.0.0.0**。
> 
> ![897bbfb94ed141ee866a41bf5fa812ac.png][]
> 
> ![5366378654194bfd9fc061f87f5d8bab.png][]

最后也可以进行访问了！！！

![025379da99f943068bd31224ca5f38c2.png][]

[d5c71746fefc4f5ca33c60a6881b7b22.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/174b3f0396a445aca071b23780b8b45a.png
[1bbbbe50b9ed4dbc97230f1cd6cff27d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/a07563c58aca4c8bbca05a5f9ceb9dfc.png
[6e83b30777234a70a0421668d8d2a0dc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/aed6170882c84207baa6b6480dd0d9cd.png
[5c787344780e41f78f437a54ec059332.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/482209d204d4410285f3204be60931a2.png
[0332db7fb5b6441383651147df0a1476.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/8ff55df82f8546209b8a40b4324a6846.png
[784f6c3ed277460a95c531fea427ca25.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/df17aad11ba540de99101d98b89ebcf1.png
[14406fa5426b498e9b46734c9e3d922f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/4904ff582e7b4671aece9c928162914f.png
[46e87ddc03f34be18f74ba0917a48d83.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/96739012f57f4f9d81853b3bec01dc3b.png
[37af07eb88984aaba0474cc8dfa16614.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/7c6397399c21457092f8c508b46224f0.png
[cd84ce9ba37043f788a6186934c3a1cf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/42d0087896144f4899a4c5d7a9e8bdca.png
[188cdd20a7aa43d9b9cf8485ffcd1b78.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/716a454bc0f1425aa3b0e38f7e5cf88b.png
[c6b1ab2add1447cc945dcdbfabb3e5ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/d726e6af5b7d436eba98701bd099bd08.png
[Vue_NodeJS_vue_NodeJS_Windows_-CSDN]: https://blog.csdn.net/weixin_74383330/article/details/133086921
[a9bee7470637451bab96c088b351b9dc.png]: https://img-blog.csdnimg.cn/a9bee7470637451bab96c088b351b9dc.png
[72097023f614413d879ee0e65e774a50.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/8fb1b9b49489496da67899439a713ca2.png
[b2b76480066f459984aae2ec19d7b5cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/b235d6cbed89436c9f95f20191f8a86f.png
[nginx_ download]: https://nginx.org/en/download.html
[d80cea750b1845a6981c18941c39cc08.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/bdcf0ab97a044b5c840694678f6235c9.png
[a3d0bcf1ed9848c8bad9a481f165dbbf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ea2c2f93ed1c4ff6923c3613c12e7f0f.png
[f1a0573d1f5b4cc098c8de534b1274f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/1e5693f5aa144bfbb048ea7d5b33d8d1.png
[897bbfb94ed141ee866a41bf5fa812ac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/32ae65b9964b408bbfc7a9537cd5bc70.png
[5366378654194bfd9fc061f87f5d8bab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/09915b5415194bc2ad09d9ba76c59619.png
[025379da99f943068bd31224ca5f38c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/a3a48e1e5e424377800f88e828241f80.png