详解vue2.0模拟后台json数据-创新互联

最近在跟着做vue2.0以上版本的一个购物平台，在涉及到模拟后台数据交互的时候，视频里讲的是通过json-server这个插件和express，由于之前的配置都是在build/dev-server.js文件夹下，在vue2.0都没有了，全部整合到了build/webpack.dev.conf.js文件里，通过不断查阅资料后终于模拟成功。

成都创新互联公司专业IDC数据服务器托管提供商，专业提供成都服务器托管，服务器租用，西部信息服务器托管，西部信息服务器托管，成都多线服务器托管等服务器托管服务。

1.首先 npm install vue-resource  --save安装vue-resourse,并且在页面上引用（--save 会把依赖包名称添加到 package.json 文件 dependencies 键下，--save-dev 则添加到 package.json 文件 devDependencies 下）

3.直接在webpack-dev-conf.js文件中修改

第一步：在const portfinder = require(‘portfinder')后添加

const express = require('express')
const app = express()//请求server
var appData = require('../db.json')//加载本地数据文件
var news = appData.getNewsList//获取对应的本地数据
var products = appData.getproductList
var boards = appData.getBoardList
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

文章标题：详解vue2.0模拟后台json数据-创新互联
文章链接：http://bjjierui.cn/article/dpeiej.html