关于如何在 nas 上部署本地html静态网页
本篇采用在 docker 中部署 nginx 容器代理静态网页资源的方式实现~

1.找个自己喜欢的位置自行创建文件夹 位置&名称随意  但要记住 后面要用
示例:
nginx/html    -- 放html 文件
nginx/conf    --  这个待会要放 nginx 的配置文件

附图:

forum-MQoo.php



2.下载 nginx 镜像
打开docker 镜像仓库里第一个就是了, 直接下载

forum-kFig.php



3.创建部署镜像
找到下载好的镜像点击

了!!



写好后 点击确定 ,在[容器]页面就可以看到创建好的容器了, 还没完 继续👀

4.编写nginx 配置文件
回到文件管理 在 1.中创建的文件夹
在nginx/conf 目录下创建 ng.c

我这边写个简单的 html 文件作为示例, 示例内容:

<!doctype html>
<html lang="en">
<head>
    <title>Code coverage report for utf8.js/</title>
    <meta charset="utf-8">
        <h1>hello 网页内容o.O</h1>
</body>
</html>


5.放置你的 html 文件
在nginx/html 目录下放你的 html 文件

forum-ZnuB.php


我这边写个简单的 ht

  • type html>

  • <html lang="en">

  • <head>

  •     <title>Code coverage report for utf8.js/</title>

  •     <meta charset="utf-8">

  •         <h1>hello 网页内容o.O</h1>

  • </body>

  • </html>



6.重启创建好的 nginx 容器吧


重启完之后 我这边点击访问报错 看日志发现遇到权限问题😠!!!!

forum-tGtF.php



别急 接下来打开容器终端 变更下权限

forum-DQNS.php


forum-JvDp.php



如有其他问题

image.png (62.01 KB, 下载次数: 0)

forum-LWDF.php
server {
    listen       80;
    server_name  localhost;

    # 指向挂载的静态文件目录（容器内路径）
    location / {
        root   /home; # 这块是刚刚创建容器写的容器内放html的文件目录
        index  index.html index.htm; ## 这块对应的是你的html文件
        try_files $uri $uri/ /index.html; # 适配前端SPA路由
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}