美文网首页
前端运维之 Nginx反向代理访问静态vue、Bootstrap

前端运维之 Nginx反向代理访问静态vue、Bootstrap

作者: 缓慢的蜗牛 | 来源:发表于2021-12-28 17:57 被阅读0次

    前言

    本人前端一名学习公司系统运维知识,如有误导请见谅,并请与我联系更正我的错误,万分感谢!

    一、服务器系统

    服务器系统

    二、配置域名解析

    注册一个域名并解析到服务器地址上,写好备注,写好备注 本人使用的是阿里云的域名

    三、安装Nginx

    不在赘述,本人有写过安装步骤


    安装完能访问的结果

    四、设置nginx.conf 配置

    我的nginx.conf 文件地址
    [root@VM-24-14-centos /]# cd usr/local/nginx/nginx.conf
    

    如: Linux 基本命令
    进入 vi 文件名(全称) 编辑文件
    i 插入字符(编辑)
    :q 是退出编辑
    :wq是保存并退出
    nginx -t 检测是否正确
    nginx -s reload 重启
    esc 取消插入状态


    nginx配置文件
        # 图形图标list
        server {
            listen       80;
            server_name  echarts.huichuxing.cn;
            location / {
                root   /usr/local/project/8002_echarts_template/views;
                index  index.html index.htm;
            }
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }
        }
    

    nginx 检测是否正确

    [root@VM-24-14-centos /]# nginx -t 
    

    nginx 重启

    [root@VM-24-14-centos /]# nginx -s reload 
    

    例子 访问地址

    http://echarts.huichuxing.cn/
    

    遇到问题

    [root@localhost nginx]/usr/local/nginx/sbin/nginx -s reload
    提示 nginx: [error] invalid PID number "" in "/usr/local/nginx/logs/nginx.pid"
    
    [root@localhost nginx]# cd logs
    [root@localhost logs]# ls
    access.log  error.log  nginx-access.log  nginx_error.log
    果然没有/usr/local/nginx/logs/nginx.pid 文件
    
    解决方法:
    [root@localhost nginx]/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
    

    相关文章

      网友评论

          本文标题:前端运维之 Nginx反向代理访问静态vue、Bootstrap

          本文链接:https://www.haomeiwen.com/subject/zbmpqrtx.html