免费建立个人网站凡科,怎么下载app,wordpress 不显示分类目录,邢台网站制作费用在项目开发中#xff0c;前后台分离#xff0c;做了假数据#xff0c;项目使用vue2.0重构#xff0c;后台也推到重来了#xff0c;为了不耽误开发进程#xff0c;我做了虚拟的数据请求#xff0c;使用vue-cli脚手架搭建的项目文件中dev-server搭建虚拟api请求#xff0…在项目开发中前后台分离做了假数据项目使用vue2.0重构后台也推到重来了为了不耽误开发进程我做了虚拟的数据请求使用vue-cli脚手架搭建的项目文件中dev-server搭建虚拟api请求访问自己mock的假数据虚拟请求后台的模式具体做法如下在build/dev-server.js文件中在var app express()这个实例的下面添加如下代码//本地json-server服务器搭建代码//引入数据库文件var appData require(‘../mock.json‘)//引入数据库var getBoardList appData.getBoardListvar apiRoutes express.Router()//使用api的方法来创建连接时候的请求apiRoutes.post(‘/getBoardList‘, function (req, res) {res.json({errno:0,data: getBoardList});})//调用apiapp.use(‘/api‘, apiRoutes)其中appData 依赖的mock.json文件是自己mock的假数据的文件根据前后台需求自己mock或者使用mock.js制作假数据数据大概格式如下{getBoardList: {logn:0,msg: {name: 精灵,sign: 一只可爱的小精灵,src: ,phoneNub: 15120171717,six: 未知,job: 私人金融专家,add: 北京市 朝阳区 将台}}}getBoardList是一个接口var getBoardList appData.getBoardList 就是在appData定义了这一个接口数据。var apiRoutes express.Router() 是创建了一个api的路由apiRoutes.post是创建一个post接口这个post接口有一个req和一个res参数分别执行请求和返回当返回的时候会给我们一个json这个json包括一个状态码errno和返回的数据data(data指向了接口数据getBoardList)。然后当我们调用api的时候app.use(‘/api‘, apiRoutes)就能正常使用这个服务了这里我使用了vue2.0推荐的axios请求数据代码如下this.$http.post(‘/api/getBoardList‘).then(function (response) {console.log(response.data.data);alert(‘成功了‘);}).catch(function (code) {alert(‘失败了‘);console.log(code);});打开浏览器的控制台的network你会发现已经产生了网络请求同时数据也愉快的返回回来了如果想添加接口数据继续在dev-server.js中添加就可以了postget等等都可以。注意每次更改dev-server.js后需要重新npm run dev启动项目原文http://www.cnblogs.com/jasonwang2y60/p/6498802.html
