讲师中心 微信公众号
AI工具推荐 视频效率加速

html怎么用deno deploy上线_Deno Deploy如何部署纯HTML网站

轻萱酱_5425

轻萱酱_5425

发布时间:2026-03-19 20:34:30

|

788人浏览过

|

来源于php中文网

原创

纯 HTML 网站无法直接在 Deno Deploy 上线,因其不支持静态文件托管,必须用 Deno.serve 编写服务逻辑来读取并返回 index.html 及相关资源(如 CSS、JS、图片),且需正确设置 MIME 类型和显式包含所有静态文件。

html怎么用deno deploy上线_deno deploy如何部署纯html网站

纯 HTML 网站不能直接用 Deno Deploy 上线 —— 它不支持静态文件托管,必须套一层 Deno.serve 服务逻辑。

为什么直接扔 HTML 文件会 404

Deno Deploy 不是 Nginx 或 GitHub Pages,它只运行你写的 Deno 代码,不会自动查找并返回 index.html。上传一个 index.html 文件后访问域名,会触发 “no handler found” 错误,因为没有 Deno.serve 入口。

  • 常见错误现象:Cannot GET / 或 404 Not Found,即使文件已上传到项目根目录
  • 根本原因:Deno Deploy 的运行模型是「函数即服务」,不是「文件即服务」
  • 兼容性影响:哪怕只有 1 个 HTML + 1 个 CSS,也必须写 JS 服务逻辑来读取并返回它们

最简可行部署:用 Deno.serve 返回 index.html

只需一个 main.ts,读取本地 index.html 并返回响应。这是上线纯 HTML 站点的最小必要动作。

  • 使用场景:个人介绍页、活动单页、文档落地页等无需后端逻辑的静态内容
  • 注意路径:HTML 文件必须和 main.ts 在同一仓库中,且用 Deno.readTextFile("index.html") 读取(不能用相对路径如 ./index.html)
  • 性能影响:每次请求都读磁盘?不,Deno Deploy 会缓存模块,但文件内容仍需 IO;对纯 HTML 小站点无感
import { serve } from "https://deno.land/std@0.224.0/http/server.ts";

serve(() => {
  return new Response(
    Deno.readTextFile("index.html"),
    { headers: { "content-type": "text/html; charset=utf-8" } }
  );
});

加 CSS/JS 图片怎么办:统一走 URL.pathname 路由分发

浏览器加载 style.css 时会发新请求到 /style.css,你的服务必须能响应它,否则资源 404。

财经HTML高端海报生成
财经HTML高端海报生成

复杂得财经如何变成清晰,适合手机看的海报?如何加上你的IP

下载

立即学习“前端免费学习笔记(深入)”;

  • 常见错误现象:HTML 渲染了,但样式丢失、控制台报 Failed to load resource: the server responded with a status of 404 ()
  • 必须手动处理路径:检查 req.url,匹配 .html、.css、.js、.png 等后缀,再用 Deno.readFile 或 Deno.readTextFile 返回对应文件
  • 注意 MIME 类型:CSS 必须设 "text/css",JS 是 "application/javascript",图片要按扩展名设 "image/png" 等,否则浏览器可能不解析
  • 不推荐硬编码所有路径,用 new URL(req.url).pathname 提取路径后做白名单或后缀映射更安全

build 和 deploy 命令怎么写

不需要构建步骤(没 JSX、没打包),但 deno deploy CLI 要求指定入口文件,且默认不上传非 TS/JS 文件 —— 所以必须显式包含 HTML 和资源。

  • 命令示例:deno deploy --project=my-site main.ts --entrypoint=main.ts --include=index.html,style.css,script.js
  • 容易踩的坑:--include 必须列出所有要读取的静态文件,漏一个就会 NotFound;路径是相对于当前工作目录的,不是相对于 main.ts
  • 配置项 --project 是可选的,但建议加上,避免部署到默认项目导致覆盖
  • 如果用了子目录(如 public/index.html),--include 写 public/index.html,代码里读取也要用相同路径:Deno.readTextFile("public/index.html")

真正麻烦的不是写几行代码,而是意识到 Deno Deploy 本质是个边缘函数平台 —— 它不替你做路由、不自动索引文件、不猜测你想返回什么。哪怕只是展示一个 HTML,你也得亲手告诉它:“这个路径,返回这个字节流”。

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
html版权符号
html版权符号

html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

7155

2023.06.14

html在线编辑器
html在线编辑器

html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

3952

2023.06.21

html网页制作
html网页制作

html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

3610

2023.07.31

html空格
html空格

html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

3619

2023.08.01

html是什么
html是什么

HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

5159

2023.08.11

html字体大小怎么设置
html字体大小怎么设置

在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

3561

2023.08.11

html转txt
html转txt

html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容,供大家免费下载体验。

3389

2023.08.31

html文本框代码怎么写
html文本框代码怎么写

html文本框代码:1、单行文本框【<input type="text" style="height:..;width:..;" />】;2、多行文本框【textarea style=";height:;"></textare】。

2928

2023.09.01

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

0

2026.11.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
GDB 17.2 官方文档集合
GDB 17.2 官方文档集合

共0课时 | 0人学习

Bootstrap 入门安装配置
Bootstrap 入门安装配置

共0课时 | 0人学习

38+ PhpStorm 提示和技巧
38+ PhpStorm 提示和技巧

共1课时 | 235人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn