1. 程式人生 > >vue餓了麼--獲取api資料

vue餓了麼--獲取api資料

//node.js開發框架express,用來簡化操作,用express來啟動一個webserver
const express = require('express')
//建立node.js的express開發框架的例項
const app = express()
//引用json的地址
var appData = require('../data.json')
//json的所有的key
var seller = appData.seller;
var goods = appData.goods;
var ratings = appData.ratings;

//get請求配置 在devServer選項中新增以下內容

var apiRouter = express.Router();

app.use("/api",apiRouter);


    before(app) {
      app.get('/api/seller', (req, res) => {
        res.json({
          errno: 0,
          data: seller
        })//介面返回json資料,上面配置的資料seller就賦值給data請求後呼叫
      }),
      app.get('/api/goods', (req, res) => {
        res.json({
          errno: 0,
          data: goods
        })
      }),
      app.get('/api/ratings', (req, res) => {
        res.json({
          errno: 0,
          data: ratings
        })
      })
    }

可以通過localhost://8080/api/seller檢視資料

相關推薦

vue--獲取api資料

//node.js開發框架express,用來簡化操作,用express來啟動一個webserver const express = require('express') //建立node.js的express開發框架的例項 const app = express() //引

vue(一)--vue-router路由 & mock後臺資料

1.vue-router:點選導航按鈕顯示相應頁面 1.router/index.vue import Vue from 'vue' import Router from 'vue-router' import header from '@/components/header/header'

API的實踐——構建API Everything框架

內容來源:2018 年 01 月 05 日,餓了麼研發總監樑向東在“2018移動技術創新大會【行業技術落地案例專場】”上進行的《餓了麼API Everything的實踐》演講分享。IT 大咖說作為獨家視訊合作方,經主辦方和講者審閱授權釋出。 閱讀字數:2600

vue學習筆記(4)icon字型載入問題,提示 These relative modules were not found: ./font/sell-icon.eot...

  https://blog.csdn.net/qq_22317389/article/details/79601407 https://blog.csdn.net/mxf_bear/article/details/80505295 使用 icon 字型圖標出現小方塊問題

vue(三)--goods元件 & shopcart元件

1.goods.vue滾動實現:"better-scroll" 1.package.json中引入"better-scroll"。cnpm install   --------》  npm run dev "dependencies": { "axios

vue(二)--Sticky footer & start星星元件 & flex浮懸窗小標題

1.Sticky footer佈局 1.何為Sticky footer佈局:不管內容區有多少內容,頁尾始終顯示在螢幕的最下方,當內容區域超過螢幕的高度時。頁尾會始終顯示在頁面的最底部。 <!DOCTYPE html> <html lang="en"> <head

vue--筆記

1.vue-router:點選導航按鈕顯示相應頁面 1.router/index.vue import Vue from 'vue' import Router from 'vue-router' import header from '@/components/head

vue(四)--cartcontrol元件 & 減號新增滾動動畫transition

1.cartcontrol結構 <template> <div class="cartcontrol"> <transition name="move"> <div class="cart-decrease" v-sho

vue專案實現評論列表的篩選

正如大家買東西都習慣看評論,評論好就買,評論不好就遠離;所以評論對大家來說是很重要的,一個商品的評論往往數量挺多,所以評論列表的篩選這個功能也就需求大,在公司的專案中用的比較多。 問題是?如何來實現這個功能? 其實很簡單: 第一步: 先準備好資料按鈕,如程式碼所

VUE樹形控制元件新增增刪改功能

轉自:https://segmentfault.com/a/1190000011574698#articleHeader2 element-ui樹形控制元件:地址 在原文件中有個案例是有新增和刪除功能,但是後來發現其修改的資料並不能直接影響到樹形資料,所以採用了 rende

vue學習-第四篇(web字型)

1.字型庫網站:icomoon 2.在官網點選右上角icomoon app按鈕, 新頁面找到import ICONS點選, 選擇自己所有的svg檔案確定上傳, 選中新增的全部小圖示, 然後點選右下角的crate font, 跳轉到新頁面以後,每一個圖示下面都會出

python爬外賣資料(1)

#爬餓了麼外賣資料--區域集合 #https://mainsite-restapi.ele.me/v2/pois? #extras%5B%5D=count&geohash=wx4g0bmjetr7&keyword=%E6%9C%9D%E9%98%B3&limit=20&typ

vue 學習筆記

詳情頁主要程式碼 <template> <transition name="move"> <div v-show="showFlag" class="food" ref="food"> <div clas

vue學習-問題1(style檔案報錯)

1.在src-common-的styles中寫入的mixin.styl檔案, border-1px($color) position: relative &:after display: block position: absolute left: 0 bot

VUE 元件 1.4 table 屬性之一

<el-table :data="Data.list" style="width: 100%" tooltip-effect="light"> 程式碼中有二點介紹 :data 繫結的資料是 VUE 的 data.list 模板樣式風格是淺色系的。 tooltip

vue學習-第十篇(配置路由)

1.在build檔案下,開啟dev-server.js檔案,新增引入express檔案,並使用它。 var express = require('express') var app = express() 已經將data.json資料,引入到了這裡,如下 //9.

如何獲取外賣商家資料

cloud.fandaweb.com凡達雲專業的資料採集平臺,為你提供餓了麼外賣商家資料採集,採集資訊覆蓋:店鋪名稱、省份、城市、地區、地址、經度、緯度、所屬品類、是否為品牌店、配送、電話、營業時間、近期銷量、活動、起送價、配送費、是否為新店、商家評分、總體評分

Vue高仿專案(2)—mock資料

mock資料即模擬後臺收據,此專案提供了一個data.json的檔案,包括用於展示所需要的資料資訊,模擬了一個數據源,對於真實的實際生產情況就是一個數據庫,此節要解決編寫一些介面,實現與這些資料的互動。 資料的獲取 在build資料夾中開啟dev-s

vue2.0--header資料獲取後進行header元件的編寫

首先我們通過props屬性接受到父元件App.vue傳過來的資料 export default { //:seller = "seller" props接收傳過來的seller物件 props: { seller: { type: Object

資料管理實踐之路

一、背景 大資料挑戰 大資料時代,餓了麼面臨資料管理、資料使用、資料問題等多重挑戰。具體可以參考下圖: 資料問題:多種執行、儲存引擎,分鐘、小時、天級的任務排程,怎樣梳理資料的時間線變化? 資料使用:任務、表、列、指標等資料,如何進行檢索、複用、清理、熱度Top計算? 資料管理:怎樣對錶、列、指