又開始搞 Nuxt，相對于之前的老版本，有些變化和感受和大家說說，僅供大家參考！

新版本Nuxt配置后臺接口（原來的默認(rèn)配置已經(jīng)取消）

1# 新建項(xiàng)目推薦用 yarn

官方文檔在新建項(xiàng)目的時(shí)候推薦了兩種方式：npx 和 yarn，經(jīng)測試 yarn 的方式比 npx 的方式快的太多

2# 后端 Node 接口配置

新版本的Nuxt，在新建項(xiàng)目的向?qū)е校呀?jīng)不讓選擇后端的框架了，比如 express / koa 等。到這一步的時(shí)候，就有些擔(dān)心。等項(xiàng)目新建完成后，果然，項(xiàng)目文件目錄中已經(jīng)沒有了 server 文件夾了！

server 文件夾在之前的版本中是默認(rèn)的項(xiàng)目目錄，下圖是新舊版本Nuxt項(xiàng)目目錄的對比

新版本Nuxt配置后臺接口（原來的默認(rèn)配置已經(jīng)取消）

當(dāng)然還有一些默認(rèn)的配置，都不見了，對于習(xí)慣了之前新建好項(xiàng)目，直接就可以開始在 server 文件夾中搞接口的人，這點(diǎn)還是有點(diǎn)不習(xí)慣。

上午忙了會兒，接著寫完

其實(shí)要在新版本Nuxt中配置后臺接口也不復(fù)雜，按下面的步驟來：

-1- 在項(xiàng)目文件夾中，新建 server 文件夾（當(dāng)然也可以是任何你想要的名字），放一個(gè) index.js 在里面

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

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

-3- 安裝 express （略）

-4- 完成入口文件，文件的組織方式還是老規(guī)矩，你也可以自己定

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', // 統(tǒng)一設(shè)置后臺接口起始路徑    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- 沒有意外的話，已經(jīng)可以按之前老版本的方式開發(fā)后臺接口了。你可以連上數(shù)據(jù)庫，把各種插件裝上去，開始工作了。。。

自己試試