Html 重定向使用 Nodejs

Question

我正在嘗試將我的后端Node js api與我的 html 頁面鏈接起來。

對於幾乎所有情況，一切正常，但我在某些時候感到困惑

重定向 html 頁面的有效方法是什么，因為我通常使用節點 js 來做這樣的事情，這在我看來是錯誤的？ 我認為

res.sendfile('event.html')

但是我在不同的頁面中看到了這個允許從頁面跳轉到另一個頁面的語句

<div class="ui-block-title">
    <h6 class="title">Events</h6>

        <a href="/events.html" class="more">Create New</a>
</div>

能否闡明如何將 href 部分與 node js 后端鏈接？

此致，

Answer 1

可能你的節點服務器中有不同的路由，如果你想重定向到特定的路由，你可以 res.redirect('target') 所以如果你使用 express 它看起來像

const app = express()

app.get('/', (res, req, next) => {
  res.render('index')
}))

app.get('/some-route' , (res, req, next) => {
  res.redirect('/')
}))

app.listen(3000)

在這里，如果您 go 到主頁，則將呈現索引頁面，但是如果您將 go 到 foo.com/some-route，您將被重定向到主頁

原則上這就是重定向如何與 Node.js 一起工作的。 希望這能回答你的問題。

Answer 2

使用 Express.js 一個 nodejs 框架

在您的項目中安裝並包含 Express.js 框架

express = require("express"),
app.set("view engine", "ejs");    //setting all files view as .ejs
app.use(express.static("public"));

現在創建一個.ejs文件並將其包裹在 html 周圍，因為在后端正常 html 無法呈現

包裹 Do <%= > 在每個內容 object 周圍你想顯示一些內容 object

主頁.ejs

<h1>HomePage!</h1>

現在使用以下命令調用您的 html 文件：-

app.get("/", function (req, res) {   // no need to add .ejs as we had set all at ejs
res.render("HomePage");          
});

// Output:
// HomePage!