这篇文章将介绍如何利用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文件,如图
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主配置文件配置好即可,过程很简单。
点击查看更多内容
2人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦