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

青旅半醒 2024-02-20 09:40 76阅读 0赞

## 一、简介 ##

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

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

> 优点：
> 
> 1.简化了系统管理：由于所有服务都在同一台机器上运行，因此可以简化系统管理和维护。  
> 2.提高了性能：由于没有网络延迟和其他因素的影响，所以可以提高系统的性能。  
> 缺点：
> 
> 1.容易出现故障：如果一台机器发生故障，那么整个系统都会受到影响。  
> 2.难以扩展：随着业务的发展，可能需要增加更多的服务器来处理请求，但是这在单机项目中是很难实现的。

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

> 优点：
> 
> 1.易于扩展：由于前端和后端是分开的，所以可以根据需求添加或删除服务器，从而更容易地进行扩展。  
> 2.更高的灵活性：前端和后端可以独立开发和测试，这样可以更快地推出新的功能。  
> 缺点：
> 
> 3.复杂性增加：由于需要管理和协调多个服务器，所以可能会增加系统的复杂性。  
> 4.性能问题：由于需要通过网络传输数据，所以可能会出现网络延迟等问题，影响系统的性能。

## 二、单体项目 ##

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

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

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

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

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

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

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

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

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

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

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

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

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

我们在我们放**war包位置**，可以看到我们的项目被解压出来了，我们可以在里面找到我们的配置文件，更改我们的数据库名。

![735f674c00a54a1abc167ec86c371824.png][]

> 我这里的配置文件名是config.properties。
> 
> 看这些位置是否与虚拟机里的一样。
> 
> ![2a4b55c64bcb4323b06691e4e75f7730.png][]

> 更改后访问重启tomcat服务，重新访问。
> 
> ![245b081146d94fc29c6f03d99dc694b5.png][]

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

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

> 还是一样把我们的**war包**放入**tomcat**中的**webapp**里面。

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

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

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

> 在我们的虚拟机里面新建数据库，运行我们所需要的sql文件。（和单体项目一样）
> 
> 更改我们虚拟机的配置后重启tomcat。

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

> 下载配置查看[node.jsp环境配置][node.jsp]

### 5.启动 ###

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

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

> 利用**nginx**做反向代理处理该问题，在nginx文件中找到**nginx.conf** 文件，将文件种的 location 进行修改。
> 
> [nginx: download][nginx_ download]
> 
> ![3e6bd1c832c44f82af67114488b5ec6d.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

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

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

![3cd9de050f81416fb9fca8bba53ced3f.png][]

5.2、解决二

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

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

![a24d437f781c455f8abe5e3311cccbaa.png][]

[eea0e88488614e23867c528bd014692d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ac2e2190392248128937ba269405df53.png
[bb45ede5038e497187010872b58d798a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/570051db96474a839409e5a545783ab9.png
[fc97827db66d457385134e3087ad0bc5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/999261d1fd2a450ab2ac28b626d1a3f5.png
[397d6d86042e4a989684f6303ba1df0e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c246b138061f48408eb4f9a0cdde741b.png
[e3c59ea04d9f4afea7cde619d616b9fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/47c2ab14d4964c688573e7cb58627526.png
[735f674c00a54a1abc167ec86c371824.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/cd87dd0c7a1c4984b7a9f06daca341a6.png
[2a4b55c64bcb4323b06691e4e75f7730.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/6d70d8ff25c44b09960f4f4012d86340.png
[245b081146d94fc29c6f03d99dc694b5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/633d46681cfa41a8a6e37e9e659969a7.png
[ea7e72f76aeb4c0d8f2f919286860239.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/a7f525667d4a487fa4d8f0255cb3ac50.png
[node.jsp]: http://t.csdnimg.cn/GLjhz
[5ff52df72b24480ab34babd0be34f3d5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/d344abd34e4446f8920007f472d92af1.png
[76f6a39143bc42ffae3b1777bb557d9b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/113e1d416d8f40a4a350c3d232d82025.png
[nginx_ download]: https://nginx.org/en/download.html
[3e6bd1c832c44f82af67114488b5ec6d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ab6f14565e7e48d291a2dec2983250f7.png
[53494e738f134bf18633f7312fdf3fb0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ec51ef3d57174e86b7e2dea1f7ea90d6.png
[3cd9de050f81416fb9fca8bba53ced3f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/d4c15bb49a8f4662bb745d22a0e49b8f.png
[7acf3b28547044e786dcf848206e5c65.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/9446588f23e14e3a9b696a9e7993ddff.png
[a24d437f781c455f8abe5e3311cccbaa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/887ece6098b243db8080722fbc47aee7.png