在开发前端项目的过程中,有时需要请求后台的数据,但是后台还没有开发好接口,怎么办呢?这个时候,就需要在本地模拟一些数据。
在使用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就会看到对应的数据(每次修改配置文件都要重启一下服务)