vue项目里怎么快速mock接口
vue项目是使用npm run serve
打开的时候,会自动分配一个端口,比如http://localhost:8080/
。 但有时候,希望在同样接口的下,模拟服务器请求,比如http://localhost:8080/api/list
- 项目根目录,新建文件
.env.mock
里面写上NODE_ENV = 'mock'
package.json
那边增加一行快捷命令,"mock": "vue-cli-service serve --mode mock",
vue.config.js
那边增加devServer
设置,下面有代码- 命令行执行
npm run mock
,此时就可以请求http://localhost:8080/api/list
了,而http://localhost:8080
仍然是普通页面
module.exports = { devServer: { before(app) { app.get("/api/list", (req, res) => res.json({ state: 1, data: "ok" })); } } };
网络异常,图片无法展示
|
网络异常,图片无法展示
|
json好看是用了插件JSON viewer