CentOS7中使用yum安装Nginx的方法

目录

1.什么是nginx

2.CentOS7中使用yum安装Nginx的方法   

3.mysql数据库数据导出/导入  Navicat导出表结构及少量数据

4.SSM项目部署到虚拟机

5. 将SPA项目压缩并上传到/usr/nginx/html目录，再解压

5.通过nginx对tomcat进行集群及代理

  6.CentOS7安装mysql三种方式 

1.yum  2.tar.gz  3.*.deb安装包

附录一：linux 里rpm包到底是干什么用的

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

附录三：在进行Nginx+Tomcat 负载均衡的时候遇到了这个权限问题，在error.log日志中

附录四：hbuilderX打包vue项目白屏问题

附录五：hbuilderX打包vue项目，element-ui的icon图标无法正常显示问题

---

1.什么是nginx

 

 Nginx是一款高性能的Web服务器，最初由俄罗斯程序员Igor Sysoev开发，自2004年问世以来，凭借其高性能、高可靠、易扩展等优点，在反向代理、负载均衡、静态文件托管等主流场合得到了广泛的应用。

2.CentOS7中使用yum安装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.service
     systemctl enable nginx.service

   4) 设置防火墙开放 80 端口
     firewall-cmd --zone=public --add-port=80/tcp --permanent
     firewall-cmd --reload && firewall-cmd --list-port

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

3.mysql数据库数据导出/导入
  Navicat导出表结构及少量数据

4.SSM项目部署到虚拟机

  本案例采用tomcat双节点方式进行案例演示（tomcat集群模式）

  注0：由于tomcat双节点都是部署在同一个虚拟机中，请配置两个不同的端口号，以免冲突；
  注1：重启虚拟机后，发现有时候linux中的tomcat启动失败，应该将tomcat服务在mysql服务启动后启动。重要
  注2：可将WEB项目部署到不同的tomcat中，可做集群测试

 

 

5. 将SPA项目压缩并上传到/usr/nginx/html目录，再解压

   mkdir /usr/nginx/html
 下载压缩包：  unzip crm.zip
   #重启nginx
   #重新修改window中的hosts文件
   注1：通过虚拟域名访问，还要修改window的hosts文件添加虚拟域名映射，文件位置如下：
           C:\Windows\System32\drivers\etc\hosts
           另外，此文件有可能出现由于当前用户权限不够，出现无法修改的情况？解决方案
           将此文件复制到d硬盘任一目录，修改后，再复制替换C:\Windows\System32\drivers\etc\hosts原文件  
    http://192.168.239.129:8081/ssh2/userAction_userLogin.action?userName=admin&password=123（进入后的页面）

 

5.通过nginx对tomcat进行集群及代理
  #进入conf.d目录，并对default.conf进行备份
  cd /etc/nginx/conf.d && cp default.conf default.conf.bak 

  #修改default.conf，添加tomcat集群和动态代理配置
  
  systemctl restart nginx && systemctl status nginx 
  
  注1：查看nginx的访问日志和错误日志
       /var/log/nginx/access.log
       /var/log/nginx/error.log 

  注2：查看nginx版本
       rpm -qa | grep nginx
  

6.CentOS7安装mysql三种方式

1.yum
  2.tar.gz
  3.*.deb安装包

附录一：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)
   }