express 对接java接口_Nuxt+Express后端api接口配置与实现方式

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!’。<