美文网首页
vue-cli本地mock数据

vue-cli本地mock数据

作者: debt | 来源:发表于2017-04-24 09:11 被阅读48次

在dev-server.js中添加下面代码

var apiRoutes = express.Router();
var db=require("../db.json")
var name=db.name

apiRoutes.get('/json',function (req,res) {
  res.json({
    error:0,
    data:name
  });
});

//最后不要忘了 app.use一下
app.use('/api',apiRoutes);

over!

顺便提一下
var router=express.Router()

官网上的例子

// invoked for any requests passed to this router
router.use(function(req, res, next) {
  // .. some logic here .. like any other middleware
  next();
});

// will handle any request that ends in /events
// depends on where the router is "use()'d"
router.get('/events', function(req, res, next) {
  // ..
});

...

app.use('/calendar', router);


官当文档

app.use([path,] callback [, callback...])

Mounts the specified middleware function or functions at the specified path: the middleware function is executed when the base of the requested path matches path

挂载特殊的中间件在路径上,当路径匹配时,执行中间件函数
.

相关文章

  • vue-cli本地mock数据

    在dev-server.js中添加下面代码 over! 顺便提一下var router=express.Route...

  • 仿写饿了么app之vue2.0版本笔记2

    第四部分:mock数据部分vue开发请求本地数据的配置,早期的vue-cli在bulid目录下面有dev-serv...

  • 试一试mockjs

    注:本文主要学习于vue-cli 本地开发mock数据使用方法,加上我自己的理解和实践。 实习了半年,一直觉得公司...

  • 如何mock数据

    mock数据有搭建本地服务器mock和通过线上网站mock数据两种方法:1.搭建本地服务器安装node.js,使用...

  • axios请求封装

    axios封装 简单设置本地mock数据

  • 【图文详解】如何mock数据

    目录 如何在本地通过静态服务器mock数据 如何使用Easy Mock 如何使用githubpages mock数...

  • vue本地开发mock数据.md

    一、为什么要mock数据? 二、如何mock数据? 三、webpack本地代理配置 四、mockjs使用 五、ea...

  • vue-cli配置mock数据

    旧版本vue-cli参考如下文章:【最简单版】vue-cli项目中怎么mock数据 因为最新版本的vue-cli已...

  • 常见前端mock方案对比

    常见 MOCK 方案 1. 代码侵入 (直接在代码中写死 Mock 数据,或者请求本地的 JSON 文件) 优点:...

  • 使用本地mock数据

    1.在config中的index.js中配置: 2.组件中使用

网友评论

      本文标题:vue-cli本地mock数据

      本文链接:https://www.haomeiwen.com/subject/fppuzttx.html