在开发前端项目的过程中，有时需要请求后台的数据，但是后台还没有开发好接口，怎么办呢？这个时候，就需要在本地模拟一些数据。
在使用vue开发项目的时候，就可以很方便的在本地模拟接口。
首先打开build/dev-server.js文件，在文件里添加一下代码：
var app = express()
var appData = require('../city.json')
var data = appData.data
var apiRoutes = express.Router()
apiRoutes.get('/city',function(req,res){
res.json({
status:200,
data: data
})
})
app.use('/api',apiRoutes)
项目结构
运行npm run dev后在浏览器里输入localhost:8080/api/city就会看到对应的数据(每次修改配置文件都要重启一下服务)
输出数据
在开发前端项目的过程中，有时需要请求后台的数据，但是后台还没有开发好接口，怎么办呢？这个时候，就需要在本地模拟一些...
Mock 数据 Mock 在 vue 中的使用 使用npm下载mock 2.使用 mock 在 mock 文件夹下...
第四部分：mock数据部分vue开发请求本地数据的配置，早期的vue-cli在bulid目录下面有dev-serv...
Vue中的mock数据指的是什么？ mock数据指的模拟数据，mock中文翻译愚弄，嘲笑。 实现mock数据如下：...
最近在学习vue2.0时需要mock本地数据，找到的教程都是在build下的 dev-server.js 配置相应...
mock数据有搭建本地服务器mock和通过线上网站mock数据两种方法：1.搭建本地服务器安装node.js，使用...
[TOC] 一、为什么要mock数据？ VUE项目开发过程中，前后端是完全分离，后端负责提供数据，前端负责数据展示...
在dev-server.js中添加下面代码 over! 顺便提一下var router=express.Route...
一、为什么要mock数据？ 二、如何mock数据？ 三、webpack本地代理配置 四、mockjs使用 五、ea...
axios封装 简单设置本地mock数据
本文标题：vue 在本地mock数据
本文链接：https://www.haomeiwen.com/subject/taytmxtx.html
网友评论