亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

使用Nginx部署靜態網站

標簽:
Html/CSS

这篇文章将介绍如何利用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人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
全棧工程師
手記
粉絲
1.6萬
獲贊與收藏
1141

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消