問(wèn)題描述:
在vue2.0的以上的版本,vue-cli的build的文件夾下沒(méi)有dev-server.js文件,那怎么配置mock數(shù)據(jù)
Vue2.x在build下的webpack.dev.conf.js配置就行
//在const portfinder = require(‘portfinder')后添加 const express = require('express') // nodejs開(kāi)發(fā)框架express,用來(lái)簡(jiǎn)化操作 const app = express() // 創(chuàng)建node.js的express開(kāi)發(fā)框架的實(shí)例 var appData = require('../mock/goods.json') //加載本地?cái)?shù)據(jù)文件 var seller = appData.seller var apiRoutes = express.Router() // 編寫路由 app.use('/api', apiRoutes) // 所有通過(guò)接口相關(guān)的api都會(huì)通過(guò)api這個(gè)路由導(dǎo)向到具體的路由
如圖
在找到devServer對(duì)象,在里面添加相關(guān)路由設(shè)置
before (app) { app.get('/api/seller', function (req, res) { // 服務(wù)端收到請(qǐng)求后返回給客戶端一個(gè)json數(shù)據(jù) res.json({ // 當(dāng)我們數(shù)據(jù)正常時(shí),我們通過(guò)傳遞errno字符為0表示數(shù)據(jù)正常 errno: 0, // 返回json中的賣家數(shù)據(jù) data: seller }) }) }
接下來(lái)只需重新 npm run dev
就可以的數(shù)據(jù)
總結(jié)
以上所述是小編給大家介紹的vue2.0在沒(méi)有dev-server.js下的本地?cái)?shù)據(jù)配置方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com