zoukankan      html  css  js  c++  java
  • 使用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文件,如图

    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:	ool
    ginx-1.15.2
    
    start nginx
    

    浏览器访问测试

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

    总结

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

  • 相关阅读:
    sublime插件时间
    git与github
    字符编码笔记:ASCII,Unicode和UTF-8
    阮一峰:互联网协议入门
    从理论到实践,全方位认识DNS
    ci事务
    linux下启动oracle
    Java连接Oracle
    我的博客终于开通了,加油!
    FILTER 执行次数
  • 原文地址:https://www.cnblogs.com/dalaoyang/p/9474363.html
Copyright © 2011-2022 走看看