vue-cli的build的文件夾下沒有dev-server.js文件配置mock數(shù)據(jù)的方法
更新時間：2019年04月17日 08:33:01 作者：少年版
這篇文章主要介紹了vue-cli的build的文件夾下沒有dev-server.js文件配置mock數(shù)據(jù)的方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
由于最新版本的vue-cli已經(jīng)放棄dev-server.js，需在webpack.dev.conf.js配置才行
新版本的webpack.dev.conf.js配置如下：
const express require('express')
const app =express()
var appData = require('..data.json')
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
app.use('/api', apiRoutes)
找到devServer后，在最后面添加：
before(app) {
app.get('/api/appData',function(req,res){
res.json({
errno:0,
data:appData
})
}),
app.get('/api/seller',function(req,res){
res.json({
errno:0,
data:seller
})
}),
app.get('/api/goods',function(req,res){
res.json({
errno:0,
data:goods
})
}),
app.get('/api/ratings',function(req,res){
res.json({
errno:0,
data:ratings
})
})
}
最后一定要重啟才會生效，因為修改了配置文件，重新跑一次npm run dev.
打開路徑 http://localhost :8080/api/appData就能請求到數(shù)據(jù)
打開 http://localhost :8080/api/seller 能請求到seller相關(guān)數(shù)據(jù)
如圖：
總結(jié)
以上所述是小編給大家介紹的vue-cli的build的文件夾下沒有dev-server.js文件配置mock數(shù)據(jù)的方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
vue.js是MVVM結(jié)構(gòu)的，同類的還有AngularJs；至于MVC、MVP、MVVM的比較網(wǎng)上已經(jīng)有很多了，這樣不再重復。這篇文章將給大家深入的介紹vue.js雙向綁定的實現(xiàn)原理，有需要的朋友們可以參考借鑒，下面跟著小編一起來看看吧。2016-12-12
vue2.* element tabs tab-pane 動態(tài)加載組件操作
這篇文章主要介紹了vue2.* element tabs tab-pane 動態(tài)加載組件操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
下面小編就為大家分享一篇完美解決axios跨域請求出錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了vue實現(xiàn)頂部導航欄以及跳轉(zhuǎn)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-09-09
這篇文章主要介紹了vue之多項目|多工程共用相同組件的思路，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
Vue.js每天必學之計算屬性computed與$watch
Vue.js每天必學之計算屬性computed與$watch，為大家詳細講解計算屬性computed與$watch，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要為大家詳細介紹了Vue3和Vite的那些事，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
這篇文章主要介紹了Vue?子組件傳父組件?$emit更新屬性方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
之前文章我們描述給過Vue3 的七通信使用，今天中五篇文章我們再來看看Vue2 的通信使用寫法的相關(guān)資料,需要的朋友可以參考下面文章的具體內(nèi)容2021-09-09
這篇文章主要介紹了Vuejs從數(shù)組中刪除元素的示例代碼,本文結(jié)合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-02-02