【问题标题】:How to add html(ejs) view to node.js express如何将 html(ejs) 视图添加到 node.js express
【发布时间】:2015-04-17 20:45:57
【问题描述】:

我有一组 html、css、jquery 文件,它们只能用于提供视图。

我正在尝试将这些文件集添加到 node.js express(ejs/css) 项目中。我已将整个文件复制到 views 文件夹下,并将其路由到 ejs(我将 html 文件的扩展名更改为 html->ejs)文件。页面打开,但无法加载图像,css、jquery 似乎根本没有显示任何效果。

将图像文件放在“public”文件夹下,并更改图像源 url 使图像正确显示,但我真的不确定 jquery 和 css 文件。而且,事实上,更改此文件中的每个 url 似乎都是无稽之谈。有没有其他“更聪明”的方式来完成这项工作?

【问题讨论】:

  • 一个简单的解决方案可能是 - 将服务器相对路径存储在 json 变量中,并使用 ejs.render 或 ejs.renderfile 传递它,并在您的 css/js 路径前加上

标签: jquery html node.js ejs


【解决方案1】:

对于浏览器,JavaScript (jQuery) 文件和 CSS 文件与图像相同 - 单独的静态资源以额外加载到 HTML。因此,您还必须将它们作为静态文件提供,就像您的图像一样。

如果您不想更改 URL,则必须更改 express configuration 以在所需 URL 处提供静态文件。

如果您选择更改 URL,支持跨多个文件搜索/替换的编辑器(例如 Sublime)会很有帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-04-17
    • 1970-01-01
    • 2016-10-06
    • 2021-12-18
    • 1970-01-01
    • 2021-07-28
    • 1970-01-01
    相关资源
    最近更新 更多