Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用。本文带你了解在 Nuxt.js 中使用 Express 如何编写实现后端的 api 接口。
创建接口文件
在项目根目录中新建 server 文件夹并在该文件夹下创建一个 index.js 文件。
server
└── index.js
然后,在 server/index.js 中使用 Express 创建服务器路由中间件,以下创建一个返回字符串 ‘Hello World!’ 的简单接口示例。
const app = require(express)();
app.get(/hello, (req, res) => {
res.send(Hello World!)
})
module.exports = {
path: api,
handler: app
}
接下来,修改 nuxt.config.js 文件,在 serverMiddleware 配置项中添加 api 中间件。
module.exports = {
serverMiddleware: [
// API middleware
~/server/index.js
],
}
现在,重启服务:
npm run dev
启动后,在浏览器地址栏中输入 http://localhost:3000/api/hello 查看是否成功返回 ‘Hello World!’。<