Vue高仿餓了麼專案(2) mock資料

2021-08-25 08:15:58 字數 684 閱讀 1039

mock資料即模擬後台收據,此專案提供了乙個data.json的檔案,包括用於展示所需要的資料資訊,模擬了乙個資料來源,對於真實的實際生產情況就是乙個資料庫,此節要解決編寫一些介面,實現與這些資料的互動。

接下來要編寫一些路由

var apiroutes = express.router()

apiroutes.get('/seller',function

(req, res) )

})apiroutes.get('/goods',function

(req, res) )

})apiroutes.get('/ratings',function

(req, res) )

})

問題來了,原版配置是在build資料夾下中的dev-sever.js檔案中配置,但是新版的vue-webpack-template已經刪除了dev-sever.js,改用webpack.dev.conf.js代替了,首先webpack.dev.conf.js變動如下

devserver: )

});(req, res) )

});(req, res) )

});}

接下來重新npm run dev執行,啟動後再次輸入之前的位址,如果資料正常顯示,則資料能正常返回。

相關知識

express相關語法

vue高仿餓了麼APP(三)

一 需求分析 二,製作css字型圖示的製作和使用 前面已經有人做過總結,我就直接引用了 css字型圖示的製作和使用。三,專案目錄結構設計 1,每乙個元件都單獨建立乙個資料夾,例如商品頁建立goods資料夾,goods資料夾放商品頁元件,goods.vue以及商品頁需要用到的等資源。就近維護。在src...

仿餓了麼載入動畫

使用 loadingview.addbitmap r.mipmap v4 orloadingview.addbitmap bitmap orloadingview.addbitmaps mbitmaplist set the shadow color loadingview.setshadowcol...

仿餓了麼網頁布局

1.在頁面中常遇到兩個div排在一排的情況 class head class content left div class content right div div 一種解決方法 head content left head content right 2.在頁面中我們遇到旁的字型會離有一小段距離...