Node.js + Swagger + TypeScript + Faker.js( 生成随机数据 ) 的使用，实现前后端分离（ Windows环境 ）

一、版本说明

"vue": "^2.6.10",
"axios": "^0.19.0",
"@vue/cli-plugin-babel": "^4.0.0",
"@vue/cli-plugin-router": "^4.0.0",
"@vue/cli-plugin-typescript": "^4.0.0",
"@vue/cli-plugin-vuex": "^4.0.0",
"@vue/cli-service": "^4.0.0",
"vue-loader": "^15.7.1",
"vue-router": "^3.1.3",
"faker": "^4.1.0",
"typescript": "~3.5.3"
 
"node": 10.13.0,     // cmd命令窗输入：node -v
"npm": 6.10.3,       // cmd命令窗输入：npm -v
"typescript": 3.7.4  // cmd命令窗输入：tsc -v
"swagger":  0.7.5    // cmd命令窗输入：swagger -V

 

 

---

二、此时已经搭建好 Vue 项目（可以是 Vue + JavaScript，也可是 Vue + TypeScript（本项目选择此方式构建）），需要单独创建 swagger 项目，即搭建服务器，用于生成接口

 

2.1、用 Swagger 搭建服务器 （ 'API'框架选择的 Express  ）

2.2、 全局安装 swagger（前提先安装 nodejs、npm）            

npm install -g swagger 

 

2.3、创建一个工作目录，在工作目录下创建服务器项目（本项目直接在 Vue 项目根目录下创建的，工作目录看自己心情哈）

 

swagger project create mock-server    // 创建项目名为 ‘mock-server’
选择 `API` 框架： express

cd mock-server         // 进入目录 ‘mock-server’
swagger project start  // 启动 server（swagger 项目），在 ‘mock-server’ 目录下

搭建后的项目目录如下：

 

2.4、启动时，【出现错误】 cannot find module 'swagger-express-mw'   

 

2.5、【解决办法】