最近在跟著做vue2.0以上版本的一個購物平臺,在涉及到模擬后臺數(shù)據(jù)交互的時候,視頻里講的是通過json-server這個插件和express,由于之前的配置都是在build/dev-server.js文件夾下,在vue2.0都沒有了,全部整合到了build/webpack.dev.conf.js文件里,通過不斷查閱資料后終于模擬成功。
成都創(chuàng)新互聯(lián)公司專業(yè)IDC數(shù)據(jù)服務(wù)器托管提供商,專業(yè)提供成都服務(wù)器托管,服務(wù)器租用,西部信息服務(wù)器托管,西部信息服務(wù)器托管,成都多線服務(wù)器托管等服務(wù)器托管服務(wù)。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')//加載本地數(shù)據(jù)文件 var news = appData.getNewsList//獲取對應(yīng)的本地數(shù)據(jù) var products = appData.getproductList var boards = appData.getBoardList var apiRoutes = express.Router() app.use('/api', apiRoutes)