linux centos7部署前后端分离项目

linux centos7部署前后端分离项目

  • 1.安装nginx，并且设置开机自启动
    • 1.1一键安装4个依赖
    • 1.2下载并解压安装包
    • 1.3安装nginx
    • 1.4启动 nginx 服务
    • 1.5设置开机自启动
  • 2.tomcat负载均衡
    • 2.1先复制出另一个tomcat
    • 2.2修改tomcat的配置文件
    • 2.3测试8080和8081端口
    • 2.4nginx文件配置
    • 2.5重启nginx即可
  • 3.tomcat部署后端
    • 3.1数据库脚本导入数据库，要是不会看我上一篇博客。
    • 3.2把war包丢入webapps中
  • 4.项目的前端部署
    • 4.1先建好一个文件夹存放前端项目的架包
    • 4.2修改nginx配置文件
    • 4.1修改default.conf
    • 4.2代理配置
    • 4.3可以设置虚拟域名
    • 4.4结果演示

1.安装nginx，并且设置开机自启动

1.1一键安装4个依赖

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

1.2下载并解压安装包

wget http://nginx.org/download/nginx-1.13.7.tar.gz
tar -xvf nginx-1.13.7.tar.gz

1.3安装nginx

# 进入安装包目录
cd nginx-1.13.7
# 编译，执行配置: 考虑到后续安装ssl证书 添加两个模块
./configure --with-http_stub_status_module --with-http_ssl_module
# 安装
make && make install

1.4启动 nginx 服务

安装好的 nginx 服务在 /usr/local/nginx 下：

进入 /usr/local/nginx/sbin 目录下启动：

# 启动
./nginx# 重启
./nginx -s reload# 关闭
./nginx -s stop# 或者，指定配置文件启动
./nginx -c /usr/local/nginx/conf/nginx.conf

1.5设置开机自启动

#编辑文件
vim /etc/rc.d/rc.local#服务目录
/usr/local/nginx/sbin/nginx
#修改/etc/rc.d/rc.local权限
chmod 755 rc.local

2.tomcat负载均衡

2.1先复制出另一个tomcat

cp -r apache-tomcat-8.5.20/ apache-tomcat-8.5.20_8081/

2.2修改tomcat的配置文件

#进入conf文件
cd /usr/local/java/apache-tomcat-8.5.20_8081/conf
#修改文件
vim server.xml
#HTTP端口，默认8080，如下改为8081
#远程停服务端口，默认8005，如下改为8006
#AJP端口，默认8009，如下改,8010

2.3测试8080和8081端口

1.8081端口
在这里插入图片描述
2.8080端口
在这里插入图片描述

2.4nginx文件配置

最好用工具修改，我用的是MobaXterm，可以在左边边直接修改，用vim可能会有乱码，不太方便。
文件路径： cd /usr/local/nginx/conf/
在nginx.conf添加

upstream  tomcat_list {  #服务器集群名字server    127.0.0.1:8080  weight=1;   #服务器1   weight是权重的意思，权重越大，分配的概率越大。server    127.0.0.1:8081  weight=1; #服务器2   weight是权重的意思，权重越大，分配的概率越大
}

在default.conf添加

location / {#root   /usr/share/nginx/html;#proxy_pass   http://172.17.0.3:8080;proxy_pass   http://tomcat_list;index index.html index.htm;}主要是加了一个集群： proxy_pass   http://tomcat_list;

这个是模板

#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;#服务器的集群upstream  tomcat_list {  #服务器集群名字server    127.0.0.1:8080  weight=1;   #服务器1   weight是权重的意思，权重越大，分配的概率越大。#server    172.17.0.4:8080  weight=2; #服务器2   weight是权重的意思，权重越大，分配的概率越大} server {listen       80;            #监听80端口，可以改成其他端口#server_name  localhost;    #当前服务的域名server_name  www.zking.com; #当前服务的域名(虚拟域名也可以)root         html/crm;      #将要访问的网站的根目录，nginx节点会自动继承父节点的配置#charset koi8-r;#access_log  logs/host.access.log  main;location / {#该句代码是为解决history路由不能跳转的问题，在vue-router官网有介绍 try_files $uri $uri/  /index.html;}location  ^~/api/ {#^~/api/表示匹配前缀是api的请求，proxy_pass的结尾有/， 则会把/api/*后面的路径直接拼接到后面，即移除apiproxy_pass http://tomcat_list/;}#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;#    }#}}

2.5重启nginx即可

./nginx -s reload

3.tomcat部署后端

3.1数据库脚本导入数据库，要是不会看我上一篇博客。

3.2把war包丢入webapps中

两个都要丢进去。

/usr/local/java/apache-tomcat-8.5.20-8081/webapps/
这个是我的安装目录，视情况而定。

重启两个服务器，后端即可部署完成。

4.项目的前端部署

4.1先建好一个文件夹存放前端项目的架包

#先进入这个目录
cd /usr/local/
#创建文件夹
mkdir mypro

4.2修改nginx配置文件

#进入目录
cd /usr/local/nginx/conf/
修改nginx.conf文件

4.1修改default.conf


server {listen       80;            #监听80端口，可以改成其他端口#server_name  localhost;    #当前服务的域名server_name  www.zking.com; #当前服务的域名(虚拟域名也可以)root         /usr/local/mypro/dist;      #将要访问的网站的根目录，nginx节点会自动继承父节点的配置;这里放到/usr/local/*，放到其他路径下会有权限相关问题；必要的时候配置Nginx.conf的user为root

4.2代理配置

location / {#该句代码是为解决history路由不能跳转的问题，在vue-router官网有介绍 try_files $uri $uri/  /index.html;}location  ^~/api/ {#^~/api/表示匹配前缀是api的请求，proxy_pass的结尾有/， 则会把/api/*后面的路径直接拼接到后面，即移除apiproxy_pass http://tomcat_list/;}


#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;upstream  tomcat_list {  #服务器集群名字server    127.0.0.1:8080  weight=1;   #服务器1   weight是权重的意思，权重越大，分配的概率越大。server    127.0.0.1:8081  weight=1; #服务器2   weight是权重的意思，权重越大，分配的概率越大
} server {listen       80;server_name  www.niyin.com; #当前服务的域名(虚拟域名也可以)root         /usr/local/mypro/dist; #charset koi8-r;#access_log  logs/host.access.log  main;# 代理配置location / {#该句代码是为解决history路由不能跳转的问题，在vue-router官网有介绍 try_files $uri $uri/  /index.html;}location  ^~/api/ {#^~/api/表示匹配前缀是api的请求，proxy_pass的结尾有/， 则会把/api/*后面的路径直接拼接到后面，即移除apiproxy_pass http://tomcat_list/;}#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;#    }#}}

修改的地方
在这里插入图片描述

4.3可以设置虚拟域名

win +r C:\Windows\System32\drivers\etc
找到hosts然后配置
在这里插入图片描述
结合上面在nginx配置的域名即可使用。

4.4结果演示

在这里插入图片描述
前端项目部署成功。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/491747.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

密码学及其应用（应用篇15）——0/1背包问题

密码学及其应用（应用篇15）——0/1背包问题

1 问题背景 背包问题是一个经典的优化问题，在计算机科学和运筹学中有着广泛的应用。具体到你提到的这个问题，它是背包问题中的一个特例，通常被称为0/1背包问题。这里，我们有一系列的正整数 ，以及一个正整数&#xff0c…
阅读更多...
Pyglet综合应用｜推箱子游戏地图编辑器之图片跟随鼠标

Pyglet综合应用｜推箱子游戏地图编辑器之图片跟随鼠标

目录 推箱子游戏 升级一：鼠标操作 升级二：增加网格 升级三：模拟按钮 综合应用：地图编辑器 关卡地图洗数 推箱子游戏 本篇为之前写的博客《Pyglet综合应用｜推箱子游戏之关卡图片载入内存》的续篇，内容…
阅读更多...
JAVA工程师面试专题-《Redis》篇

JAVA工程师面试专题-《Redis》篇

目录 一、基础 1、Redis 是什么 2、说一下你对redis的理解 3、Redis 为什么这么快？ 4、项目中如何使用缓存？ 5、为什么使用缓存？ 6、Redis key 和value 可以存储最大值分别多是多少？ 7、Redis和memcache有什么区别&#xf…
阅读更多...
emoji选择器

emoji选择器

emoji表情 功能描述 这款聊天对话时选择表情的UI插件，是为了提升用户在聊天过程中的互动体验而设计的。它提供了一个直观且易于操作的界面，使用户能够快速地选择并插入各种表情符号，从而丰富他们的聊天内容，增加情感表达的多样性…
阅读更多...
05-JVM虚拟机-课程笔记

05-JVM虚拟机-课程笔记

05-JVM虚拟机 4.JVM调优实践 4.1 JVM调优疑问三连 4.1.1 为什么JVM调优？ 调优的最终目的都是为了应用程序使用最小的硬件消耗来承载更大的吞吐量。JVM调优主要是针对垃圾收集器的收集性能进行优化令运行在虚拟机上的应用，能够使用更少的内存&#xf…
阅读更多...
es6 中的生成器 generator / 迭代器 / async /await 到底是个啥，使用场景

es6 中的生成器 generator / 迭代器 / async /await 到底是个啥，使用场景

生成器 generator 到底是个啥 是一个函数 可以用来遍历数据结构是解决异步编程的一种方案进行数据流的生成和控制协程和状态机返回一个生成器对象/可迭代对象 生成器对象： 生成器对象是由生成器函数返回的对象，它符合迭代器协议（Iterator Pr…
阅读更多...
笔记本hp6930p安装Android-x86避坑日记

笔记本hp6930p安装Android-x86避坑日记

一、序言 农历癸卯年前大扫除，翻出老机hp6930p，闲来无事，便安装Android-x86玩玩，期间多次入坑，随手记之以避坑。 笔记本配置：T9600,4G内存，120G固态160G机械硬盘 二、Android-x86系统简介 官…
阅读更多...
Low Poly Trees Pack - Flowers

Low Poly Trees Pack - Flowers

包含59种程式化的低聚植物，作为.fbx网格文件和即用型预制件。 包装内含物 59 个独特的低多边形植物预制件 - 50种开花的草本植物 - 6 棵葡萄树 - 3 灌木 产品特点 -所有植物和石头预制件使用单一反照率256x256纹理图集和1种材质。 -三体计数：50-1000 -支…
阅读更多...
JavaWeb——006MYSQL(DDLDML)

JavaWeb——006MYSQL(DDLDML)

这里写目录标题 数据库开发-MySQL首先来了解一下什么是数据库。1. MySQL概述1.1 安装1.1.1 版本1.1.2 安装1.1.3 连接1.1.4 企业使用方式(了解) 1.2 数据模型1.3 SQL简介1.3.1 SQL通用语法1.3.2 分类 2. 数据库设计-DDL2.1 项目开发流程2.2 数据库操作2.2.1 查询数据库2.2.2 创…
阅读更多...
《小狗钱钱》读书笔记

《小狗钱钱》读书笔记

1. 写在前面 今天整理的一本书叫《小狗钱钱》，作者是有”欧洲巴菲特”之称的博多舍费尔，这是一本儿童教育的财商启蒙书，舍费尔用生动的金钱童话，将看似复杂的财富法则一一拆解，引导我们在实际生活中操作，以…
阅读更多...
leetcode:46.全排列

leetcode:46.全排列

1.什么是排列？ 有顺序！！ 2.树形结构： 使用used数组进行标记取过的元素，一个元素一个元素地进行取值，取完之后将used数组进行标记。 3.代码实现：（循环从i0开始，而不是…
阅读更多...
C#，数组数据波形排序（Sort in Wave Form）的朴素算法与源代码

C#，数组数据波形排序（Sort in Wave Form）的朴素算法与源代码

1 波形排序 所谓“波形排序”就是一大一小。 将n个身高互不相同的人排成一行 ,对于每个人 ,要求他要么比相邻的人均高 ,要么比相邻的人均矮 ,问共有多少种排法 ,这一问题称为波形排列问题。 2 源程序 using System; using System.Collections; using System.Collections.Gen…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023