主页 / 问题 / 685623
Accepted
Tvolex
Asked:2020-06-30 19:11:57 +0000 UTC2020-06-30 19:11:57 +0000 UTC

Vue.js 如何渲染页面？或者如何正确连接脚本

  • 772

你好！决定学习vue.js。我不知道如何呈现页面，在码头上不清楚。所以我对如何正确地将页面从服务器呈现到节点感兴趣。现在一切都设置成这样：

结构：

在此处输入图像描述

定制：

在此处输入图像描述

hello.html 内容：

在此处输入图像描述

如果启动服务器并访问/hello，则会呈现一个空页面。

但是如果你只是打开页面，那么铭文会立即呈现出来Hello Vue!。

javascript

2 个回答

  1. Best Answer

    要理解和使用 Vue.js 中的 SSR 技术，有一个很棒的站点https://ssr.vuejs.org/ru/和一个现成的解决方案https://ru.nuxtjs.org

    不需要“渲染”html 模板引擎，这些页面可以直接从“静态”目录打开express。

    ...
app.use(express.static(path.join(__dirname, '../public')))
...

    如果公共目录包含文件index.html, app.html, 那么您可以通过 url: /, /index.html,访问它们app.html。

    模板引擎用于渲染和数据操作、显示逻辑、使用布局和包含等。

    也可以通过res.send(...) http://expressjs.com/ru/api.html#res.send编写和发送 html

    • 2

  2. 将默认引擎设置为“hbs”而不是“html”

    //设置“view”如下图

    在此处输入图像描述

    // 渲染文件如下

    在此处输入图像描述

    • 1

相关问题