当前位置：首页 > news >正文

liunx之nginx安装

news 来源：原创 2024/5/10 6:31:38

# Linux

## vmware

安装：

adksetup.exe：解决某些电脑ddl文件缺失的问题，如果出现，先安装该 exe 文件
VMware-player-16.1.0-17198959.exe：免费版，功能较少
VMware-workstation-full-16.1.0-17198959.exe：商业版，功能全，下面的激活码为商业版激活码

1.vmware及linux常见发现版

```
windows7、windows10、centos7、ubuntu、银河麒麟
```

2.centos7的安装

```
环境搭建参考
linux-环境搭建-centos.html
```

3.linux客户端的介绍

```
#network网络设置，重启网卡服务

service network restart
yum -y install vim

连接工具

xshell、finalshell、MobaXterm

```

4.换源备份

```
用于换源后的测试

yum -y install tree

```

## 项目后端部署

### jdk&tomcat安装

1.上传jdk、tomcat安装包

2.解压两个工具包

```
#解压tomcat

tar -zxvf apache-tomcat-8.5.20.tar.gz

#解压jdk

tar -zxvf jdk-8u151-linux-x64.tar.gz

```

3.配置并且测试jdk安装

```
#配置环境变量
vim /etc/profile

#java environment

export JAVA_HOME=/javaxl/jdk1.8.0_151（jdk解压路径）
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH

#设置环境变量生效

source /etc/profile

```

4.启动tomcat

```

./start.sh

```

5.防火墙设置

```
#开放端口

firewall-cmd --zone=public --add-port=3306/tcp --permanent

#跟新防火墙规则

firewall-cmd --reload

#防火墙列表

firewall-cmd --zone=public --list-ports

#防火墙状态

systemctl status firewalld

#启动防火墙

systemctl start firewalld

#关闭防火墙

systemctl stop firewalld.service
systemctl disable firewalld.service

```

### MySQL安装

```
#1.卸载mariadb，否则安装MySql会出现冲突(先查看后删除再查看)

[root@192 ~]# rpm -qa|grep mariadb
mariadb-libs-5.5.56-2.el7.x86_64
[root@192 ~]# rpm -e --nodeps mariadb-libs-5.5.56-2.el7.x86_64
[root@192 ~]# rpm -qa|grep mariadb

#2.在线下载MySQL安装包(也可提前下载好上传)

wget https://downloads.mysql.com/archives/get/p/23/file/mysql-5.7.35-1.el7.x86_64.rpm-bundle.tar

#3.将MySQL安装包解压到指定目录

mkdir mysql-5.7
tar -xvf mysql-5.7.35-1.el7.x86_64.rpm-bundle.tar -C mysql-5.7

#4.开始安装，-ivh 其中i表示安装，v表示显示安装过程，h表示显示进度

cd mysql-5.7
rpm -ivh mysql-community-common-5.7.35-1.el7.x86_64.rpm
rpm -ivh mysql-community-libs-5.7.35-1.el7.x86_64.rpm
rpm -ivh mysql-community-client-5.7.35-1.el7.x86_64.rpm
rpm -ivh mysql-community-server-5.7.35-1.el7.x86_64.rpm

#5.启动MySQL服务

systemctl start mysqld

#6.登录mysql修改密码

[root@192 mysql-5.7]# grep "password" /var/log/mysqld.log
2022-10-12T13:19:16.313408Z 1 [Note] A temporary password is generated for root@localhost: o8N#/CfWD+sh
[root@192 mysql-5.7]# mysql -uroot -p
Enter password:
Welcome to the MySQL monitor.  Commands end with ; or \g.

#设置密码校验策略（0 or LOW），要不密码太LOW不让你过

set global validate_password_policy=0;

#设置密码校验长度，要不密码太短不让你过(多次测试发现密码最小长度为4位)

set global validate_password_length=4;

#更新密码

set password = password("123456");

#输入后使修改生效还需要下面的语句

FLUSH PRIVILEGES;

#可以退出，试试用新密码重新登录

exit

#Centos7下无法远程连接mysql数据库
#数据库没有授权，允许以root身份远程登录mysql

GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY '123456' WITH GRANT OPTION;

#输入后使修改生效还需要下面的语句

FLUSH PRIVILEGES;

#Navicat链接MySQL测试
#查看MySQL版本

rpm -qa | grep mysql

```

### 项目部署

```
#1.启动后台项目测试

http://localhost:8080/T216_SSH/vue/treeNodeAction.action

#2.maven install将项目打包
#3.将打包好的项目放入tomcat/webapps/
#4.启动tomcat

./start.sh

#5.浏览器测试

http://192.168.195.139:8080/T216_SSH/vue/treeNodeAction.action
```

## 项目前端部署

### Nginx简介

```
负载均衡
反向代理：http://47.100.191.44/blog/articles/398
动静分离
```

负载均衡

![系统部署图](Linux.assets/系统部署图.png)

动静分离

### Nginx负载均衡

**1.Nginx安装**

```
1) 添加 nginx 官方提供的 yum 源(需要联网且时间较长)

 rpm -Uvh http://nginx.org/packages/centos/7/x86_64/RPMS/nginx-1.14.2-1.el7_4.ngx.x86_64.rpm

2) 使用 yum 安装 nginx

 yum install nginx

注1：yum方式安装nginx，它的安装根目录为/etc/nginx
注2：查看nginx版本

      rpm -qa | grep nginx

3) 启动及设置开机启动

 systemctl start nginx.servicesystemctl enable nginx.service

4) 设置防火墙开放 80 端口

 firewall-cmd --zone=public --add-port=80/tcp --permanentfirewall-cmd --reload && firewall-cmd --list-port

5) 测试 nginx 是否可被访问，应该显示nginx的欢迎界面
http://服务器IP地址:80/
```

**2.tomcat负载均衡**

```
#准备2个tomcat

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

#第2个修改的配置如下
1. HTTP端口，默认8080，如下改为8081
2.远程停服务端口，默认8005，如下改为8006
3.AJP端口，默认8009，如下改,8010

#测试访问
http://192.168.195.139:8080/
http://192.168.195.139:8081/
```

**3.Nginx配置**

配置模板如下

```

#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;#    }#}}

```

根据上面配置模板

在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;}

```

重启Nginx服务，让配置生效

```

systemctl restart nginx

```

出现权限问题

```
#现象：connect() to 192.168.195.139:8080 failed (13: Permission denied) while connecting to upstream
#解决方案：执行下面命令

setsebool -P httpd_can_network_connect 1

```

测试Nginx负载2个tomcat的效果

```
# 来回切换tomcat:8080、tomcat:8081两个服务器的类容
http://192.168.195.139/
# 停掉1个tomcat
发现还是可以访问项目
```

4.负载均衡后台项目发布

```
#保障以下3个链接都能访问项目

http://192.168.195.139:8080/T216_SSH/vue/treeNodeAction.action
http://192.168.195.139:8081/T216_SSH/vue/treeNodeAction.action
http://192.168.195.139/T216_SSH/vue/treeNodeAction.action

#注意：确保云数据库中是有数据的

#附录
#查看端口号
#查看所有端口号

lsof -i

#查看指定端口号
lsof -i:端口号
#杀死指定端口号进程 kill -9 PID
kill -9 42177

#查看nginx的访问日志和错误日志

cat /var/log/nginx/access.log
cat /var/log/nginx/error.log

```

最终的结果就是，Nginx访问一个网址，是由两个tomcat共同承担压力；

### Nginx前台部署

1.本地测试

```
#将前端项目打包，生成dist文件夹，点击index.html访问项目测试

npm run build

```

2.项目前端部署

```
#1.C:\Windows\System32\drivers\etc\hosts中增加映射关系
192.168.195.139 www.zking.com

#2.action.js更改配置
'SERVER': 'http://www.zking.com/api/T216_SSH', //服务器

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

#4.Nginx启动测试

systemctl restart nginx

#5.前端访问地址
http://www.zking.com/
```

附录

```
附录一：linux 里rpm包到底是干什么用的
Linux RPM全称是“RedHat Package Manager”，最早是Red Hat公司开发的，后来在CentOS、Fedora、SUSE都用它。
而rpm包则是软件编译完成后按照RPM机制打包起来的一个文件，可以用rpm命令安装的一个软件安装包，
它省去了Linux软件安装中编译的步骤，安装成功后软件就可以用了。

附录二：centos7中虚拟域名设置
vim /etc/hosts

附录三：
在进行Nginx+Tomcat 负载均衡的时候遇到了这个权限问题，在error.log日志中，我们可以看到如下：
connect() to 127.0.0.1:8080 failed (13: Permission denied) while connecting to upstream
解决方案参考《解决Nginx的connect() to 127_0_0_18080 failed (13 Permission denied) while connect_Osheep-昔日暖阳-CSDN博客_connect() to 127_0_0_18080 failed (13 permission.mht》

附录四：hbuilderX打包vue项目白屏问题
将项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”，改为“./”后，再打包生成的 dist 文件
build: {
// assetsPublicPath: '/',//修改前
assetsPublicPath: './',//修改后
}

附录五：hbuilderX打包vue项目，element-ui的icon图标无法正常显示问题
问题：使用vue-cli3脚手架搭建的项目，在打包文件上服务器的时候，其他的css，js样式都能正确加载出路径，
但是element的icon图标却不能正常加载出来。

问题分析：
加载的路径https://yxq.linksign.cn/static/css/static/fonts/element-icons.535877f.woff
本应该加载的路径https://yxq.linksign.cn/static/fonts/element-icons.535877f.woff
打包的路径
事实上是打包时候读取的文件路径多了两层；
找到build文件的utils.js 中有打包的路径，看看generateLoaders();
Extract CSS when that option is specified, 指定该选项时提取CSS
发现少了个公共路径，加上pubilcPath

if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader',// 解决icon路径加载错误publicPath:'../../'})} else {return ['vue-style-loader'].concat(loaders)}