专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

使用nginx部署前端html等静态页面

ins518 2024-09-24 18:04:50 技术文章 11 ℃ 0 评论

一、前言

最近想要部署一个纯前端的静态页面,项目的内容很简单,也就是一些简单的html、css、js、jpg、mp3等静态资源,不涉及后端开发。

之前一直都是使用Tomcat来部署项目的,因为涉及后端接口等方面的内容,这次再用它来部署纯前端的东西,显得大材小用,过于笨重。

此时,使用nginx,便是最合适的选择了,轻量、简单、灵活。

二、nginx安装下载

我的服务器是在腾讯云上买的,操作系统是Centos,Linux中的一种。

安装使用自带的命令yum即可

yum install nginx

三、nginx配置

安装完,nginx的相关目录就都有了,最重要的一个配置文件nginx.conf在于

/etc/nginx/nginx.conf

我们一般在这里配置完项目的相关信息的配置,如访问权限、访问端口、访问机器、访问项目、访问文件等:

#1.注意user使用root,以便轻松访问任何文件
user root;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections 1024;
}

http {
    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  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 2048;

    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;

    include /etc/nginx/conf.d/*.conf;

    server {
    #2.这里监听我们常用的80端口
        listen       80;
    #3.这里配置机器地址,一般是本机localhost
        server_name  localhost;
    #4.这里配置项目根路径
        root         /root/love;
    #5.这里配置项目的访问页面
	   index        index.html; 
        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

      location / {
        }

        error_page 404 /404.html;
        location = /404.html {
        }

        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }
}

四、nginx命令

配置完毕,我们便可启动nginx,完成部署,如果期间修改配置文件,我们则在reload下即可,下面罗列下几个常用的命令:

#启动nginx
systemctl start nginx.service
#停止nginx
systemctl stop nginx.service
#重新加载nginx配置
systemctl reload nginx.service
#查看nginx状态
systemctl status nginx.service

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表