如何使用 Next.js API 路由

了解這個由 Next.js 提供的強大技術,用於在 Next.js 應用程序中創建 API 端點。 除了創建頁面路由(意味著頁面作為 Web 頁面提供給瀏覽器),Next.js 還可以創建API 路由。 這是一個非常有趣的功能,因為這意味著 Next.js 可以用於創建存儲在 Next.js 中並通過 fetch 請求傳輸 JSON 的數據的前端。 API 路由位於 /pages/api/ 文件夾下,並且與 /api 端點相映射。 這個功能在創建應用程序時非常有用。 在這些路由中,我們編寫的是 Node.js 代碼(而不是 React 代碼)。這是一個範式轉變,你從前端轉向後端,但非常平滑。 假如你有一個 /pages/api/comments.js 文件,它的目標是以 JSON 的形式返回博客文章的評論。 假如你有一個存儲在 comments.json 文件中的評論列表: [ { "comment": "第一條" }, { "comment": "好文章" } ] 下面是一個示例代碼,返回評論列表給客戶端: import comments from './comments.json' export default (req, res) => { res.status(200).json(comments) } 它將在 /api/comments URL 上聽取 GET 請求,你可以使用瀏覽器來調用它:...