使用Nginx部署静态网站

时间：2023-05-01 13:40:50

这篇文章将介绍如何利用Nginx部署静态网站。

使用Nginx部署静态网站

之前写过2篇有关Nginx的文章，一篇是《利用nginx，腾讯云免费证书制作https》，另外一篇是《linux安装nginx》，如果有需要可以看一下，这一篇文章介绍如何使用Nginx部署静态网站，需要在服务器部署静态网站的同学可以看一下。

准备工作

首先我们需要在本地或者服务器上安装Nginx，这时就用到了我之前的文章。

Linux---《linux安装nginx》

Windows---官网下载个压缩包解压一下即可官网传送门

配置Nginx主配置

在安装目录下的conf目录下可以找到一个nginx.conf文件，打开这个文件。其中需要设置的内容主要就几项，即如下带有注释的地方，nginx.conf完整内容如下：



worker_processes  1;

events {

    worker_connections  1024;

}

http {

    include       mime.types;

    default_type  application/octet-stream;

    sendfile        on;

    keepalive_timeout  65;

    charset utf-8;        # 设置编码格式

    server {

    listen 8081;             # 端口号

    server_name _;           # 配置域名信息

    root web/;               # 静态页面根目录

    index index.html;

    }

}

由于只是做一个简单的映射，所以我将静态页面放到了nginx目录下，即如图位置，默认页面也设置为web目录下index.html文件，如图

使用Nginx部署静态网站

使用Nginx部署静态网站

html页面为简单测试页面，内容很简单。

index.html

<html>

<head>

<title>index</title>

</head>

<body>

<p>body</p>

<p>title</p>

<a href="edit.html">跳转</a>

</body>

</html>

edit.html

<html>

<head>

<title>edit</title>

</head>

<body>

<p>body</p>

<p>title</p>

<a href="index.html">跳转</a>

</body>

</html>

启动Nginx

打开命令行，进入nginx目录，开启nginx

d:
cd D:\tool\nginx-1.15.2
start nginx

浏览器访问测试

在浏览器访问http://localhost:8081/，可以看到如图

使用Nginx部署静态网站

总结

到这里本篇文章就算结束了，其实主要Nginx部署静态网站就是将Nginx主配置文件配置好即可，过程很简单。

相关文章