详解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://myzitong.com/article/dpeiej.html