一、创建二级域名

  • 1、在阿里云上(获取别的域名商)处点击域名

阿里云创建二级域名,并在在nginx中配置二级域名访问_二级域名

  • 2、在域名列表中点击解析

    阿里云创建二级域名,并在在nginx中配置二级域名访问_Nginx_02

  • 3、新增解析

    阿里云创建二级域名,并在在nginx中配置二级域名访问_Nginx_03

  • 4、新增二级域名

    阿里云创建二级域名,并在在nginx中配置二级域名访问_二级域名_04

  • 5、解析生产后正常在浏览器访问地址

    # xxx是你的域名
    mp.xxx.cn
    

二、在nginx中配置你的二级域名

  • 1、本人是centos服务器,使用yum方式安装nginx

    • 添加源

      # 默认情况Centos7中无Nginx的源,最近发现Nginx官网提供了Centos的源地址。因此可以如下执行命令添加源:
      
      sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
      
    • 查看源是否安装成功

      yum search nginx
      
    • 安装

      yum install -y nginx
      
    • 常见命令

      sudo systemctl start nginx.service
      sudo systemctl enable nginx.service
      nginx -t # 检查配置项目
      systemctl is-enabled servicename.service #查询服务是否开机启动
      systemctl enable *.service #开机运行服务
      systemctl disable *.service #取消开机运行
      systemctl start *.service #启动服务
      systemctl stop *.service #停止服务
      systemctl restart *.service #重启服务
      systemctl reload *.service #重新加载服务配置文件
      systemctl status *.service #查询服务运行状态
      systemctl --failed #显示启动失败的服务
      
    • 文件目录

      • 1.静态文件目录/usr/share/nginx/html
      • 2.配置文件目录/etc/nginx
  • 2、在/etc/nginx/conf.d目录下创建一个文件

    # xxx是你的域名
    mp.xxx.conf
    
  • 3、配置你的conf文件

    server {
      listen 80;
      server_name 你的二级域名;
      # 配置静态文件
      location /{                                                                                                    
        #default_type text/html;                  
        #return 200 'doc';          
        root /var/lib/jenkins/workspace/-admin/dist;
        try_files $uri $uri/ @router;
        index index.htm index.html;                                                                            
      }                                                                                                              
      location @router {                                                                                             
      	rewrite ^.*$ /index.html last; # 关键一句,处理前端项目vue,react刷新404问题                                                              
      } 
      # 配置接口
      location /api/v1 {                                                                                             
      	proxy_pass http://localhost:5000/api/v1;                                                               
      }      
    }