目录文件结构

server
├─controllers
│  ├─RouterController.js
│  └─UserController.js
├─utils
└─App.js
shell

创建文件

• 首先在根目录下创建server文件夹
• 然后创建App.js

Nuxt2配置中间件

在nuxt.config.js中添加配置：

export default {
  serverMiddleware: [
    //API middleware
    '~server/App.js'
  ],
}
javascript

第一个get请求

安装express:

yarn add express
shell

在App.js中写入以下内容

const express = require("express");
const app = express();

app.get("/hello",(req,res,next)=>{
    return res.send("hello")
})

module.exports = {
    path: "api",
    handler: app
}
javascript

路由

创建controllers/RouterController.js，controllers/UserController.js，controllers/TokenController.js

• controllers/RouterController.js写入：

const UserController = require("./UserController")
const TokenController = require("./TokenController")

module.exports =(app)=>{
    app.use("/user",UserController)
    app.use("/token",TokenController)
}
javascript

• controllers/UserController.js写入：

const express = require("express")

const UserController = express.Router();

UserController.get("/hello",(req,res,next)=>{
    res.send({
        id:1,
        name:"续加仪",
        path:"user"
    })
})

module.exports = UserController
javascript

• controllers/TokenController.js写入：

const express = require("express")

const UserController = express.Router();

UserController.get("/hello",(req,res,next)=>{
    res.send({
        id:1,
        name:"续加仪",
        path:"token"
    })
})

module.exports = UserController
javascript

这样，就实现了路由，不同功能模块儿化。