Deno 中如何使用静态资源?

阅读时长 4 分钟读完

Deno 是一个新兴的 JavaScript 和 TypeScript 运行时环境,它的出现为前端开发带来了新的选择。在前端开发中,静态资源是不可或缺的一部分。在 Deno 中,使用静态资源也非常简单,本文将介绍如何使用 Deno 中的静态资源。

什么是静态资源?

静态资源通常指的是 HTML、CSS、JavaScript、图片、字体等不需要动态生成的文件。这些文件通常会被浏览器缓存,以提高加载速度。

在 Deno 中,我们可以使用 serve() 方法来启动一个静态资源服务器,从而方便地管理和使用静态资源。

使用 serve() 方法

serve() 方法是 Deno 自带的一个 HTTP 服务器模块,可以用于启动一个静态资源服务器。以下是使用 serve() 方法的示例代码:

-- -------------------- ---- -------
------ - ----- - ---- ---------------------------------------

----- ------ - ------- ----- ---- ---

-------------------------------------------------

--- ----- ------ --- -- ------- -
  ----- --- - ------- --- --- - ------------- - --------
  ----- -------- - -----------------------------

  --- -
    ----- ----------- - ----- ------------------------
    ----- ------- - --- ----------
    ----- ----------- - -------------------------
    --------------------------- -------------
    ------------- ----- ------------ ------- ---
  - ----- ------- -
    ------------- ------- --- ---
  -
-

-------- ------------------------ -------- ------ -
  ----- -------------- - -
    -------- ------------
    ------- -----------
    ------ -------------------------
    ------- ------------
    ------- -------------
    ------- ------------
    ------- ----------------
    -------- ------------------------
    --------- -------------------------
  --
  ----- --- - --------------------------
  ------ ------------------------- -- -------------
-

以上代码会在本地的 8000 端口启动一个静态资源服务器,并将 public 目录下的文件作为静态资源进行访问。如果访问的文件不存在,则返回 404 错误。

可以通过访问 http://localhost:8000/ 来查看服务器是否正常启动。如果一切正常,你应该可以看到浏览器中显示出 index.html 文件的内容。

指定静态资源目录

在上面的示例代码中,我们将静态资源放在了 public 目录下。如果你想要将静态资源放在其他目录下,可以通过修改 filePath 变量来实现。

例如,如果你将静态资源放在了 static 目录下,可以修改代码如下:

总结

在本文中,我们介绍了如何在 Deno 中使用静态资源。通过使用 serve() 方法,我们可以轻松地启动一个静态资源服务器,并方便地管理和使用静态资源。希望本文对你有所帮助,谢谢阅读!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6625c702c9431a720c218ee7

纠错
反馈