29、搭建后端環(huán)境

關(guān)于頂部導(dǎo)航欄的數(shù)據(jù)展示 的接口分析
當(dāng)我們點(diǎn)擊推薦的時(shí)候是一屏數(shù)據(jù),運(yùn)動(dòng)戶外的時(shí)候又是另一屏數(shù)據(jù) ,這個(gè)時(shí)候我們需要對接口的規(guī)則進(jìn)行分析

# 推薦  
/api/index_list/data
# 運(yùn)動(dòng)戶外    
/api/index_list/2/data/1   上拉加載時(shí)  -> /api/index_list/2/data/2   依次類推
# 服飾內(nèi)衣
/api/index_list/3/1

搭建后端

# 1. 全局安裝
npm install express-generator -g
# 2. 進(jìn)入項(xiàng)目目錄 
express  --view=ejs server
# 3.接下來根據(jù)提示 ,一步步完成

測試

# 在server -> routes -> index.js
router..get('/api/index_list/data',function(req,res,next){
      res.json({
            "a":1
  })
})

# 在瀏覽器中  localhost:3000/api/index_list/data

前端請求后端接口【本地測試】

  1. 手機(jī)和電腦在同一個(gè)wifi
  2. 不能時(shí)候localhost,必須使用ip
onload(){
  uin.request({
    url:"http://192.168.0.119:3000/api/index_list/data",
    success:(res) => {
        console.log(res)
    }
  })
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容