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

前言

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

一、服务器系统

服务器系统

二、配置域名解析

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

三、安装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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容