新版本Nuxt配置后台接口（原来的默认配置已经取消）

又开始搞 Nuxt，相对于之前的老版本，有些变化和感受和大家说说，仅供大家参考！

新版本Nuxt配置后台接口（原来的默认配置已经取消）

1# 新建项目推荐用 yarn

官方文档在新建项目的时候推荐了两种方式：npx 和 yarn，经测试 yarn 的方式比 npx 的方式快的太多

2# 后端 Node 接口配置

新版本的Nuxt，在新建项目的向导中，已经不让选择后端的框架了，比如 express / koa 等。到这一步的时候，就有些担心。等项目新建完成后，果然，项目文件目录中已经没有了 server 文件夹了！

server 文件夹在之前的版本中是默认的项目目录，下图是新旧版本Nuxt项目目录的对比

新版本Nuxt配置后台接口（原来的默认配置已经取消）

当然还有一些默认的配置，都不见了，对于习惯了之前新建好项目，直接就可以开始在 server 文件夹中搞接口的人，这点还是有点不习惯。

上午忙了会儿，接着写完

其实要在新版本Nuxt中配置后台接口也不复杂，按下面的步骤来：

-1- 在项目文件夹中，新建 server 文件夹（当然也可以是任何你想要的名字），放一个 index.js 在里面

-2- 配置 nuxt.config.js，serverMiddleware 可以去看下文档[https://zh.nuxtjs.org/api/configuration-servermiddleware/]

serverMiddleware: [    '~/server/index.js'  ]

-3- 安装 express （略）

-4- 完成入口文件，文件的组织方式还是老规矩，你也可以自己定

const app = require('express')()const user = require('./moudles/user')app.use('/user', user)app.get('/test', (req, res) => {    res.send('test nuxt')})module.exports = {   path: 'api', // 统一设置后台接口起始路径    handler: app}// 这样访问：// http://localhost:3000/api/test// http://localhost:3000/api/user

-5- user 模块是这样的，切记最后一行

var express = require('express')var router = express.Router()router.get('/', function (req, res) {  res.send('user')})module.exports = router

-6- 没有意外的话，已经可以按之前老版本的方式开发后台接口了。你可以连上数据库，把各种插件装上去，开始工作了。。。

自己试试