zoukankan      html  css  js  c++  java
  • vue mock数据设置

    1.新建mock文件夹

    2.添加你需要的数据例如新建商品表goods.json

    {
      "status":"0",
      "result":[
        {
            "productId":"10001",
            "productName":"小米6",
            "prodcutPrice":"2499",
            "prodcutImg":"mi6.jpg"
        },
        {
          "productId":"10002",
          "productName":"小米笔记本",
          "prodcutPrice":"3999",
          "prodcutImg":"note.jpg"
        },
        {
          "productId":"10003",
          "productName":"小米6",
          "prodcutPrice":"2499",
          "prodcutImg":"mi6.jpg"
        },
        {
          "productId":"10004",
          "productName":"小米6",
          "prodcutPrice":"2499",
          "prodcutImg":"1.jpg"
        },
        {
          "productId":"10005",
          "productName":"小米6",
          "prodcutPrice":"2499",
          "prodcutImg":"2.jpg"
        },
        {
          "productId":"10006",
          "productName":"小米6",
          "prodcutPrice":"2499",
          "prodcutImg":"3.jpg"
        },
        {
          "productId":"10007",
          "productName":"小米6",
          "prodcutPrice":"2499",
          "prodcutImg":"4.jpg"
        },
        {
          "productId":"10008",
          "productName":"小米6",
          "prodcutPrice":"2499",
          "prodcutImg":"5.jpg"
        }
      ]
    }
    

     2.添加build下的dev-server.js

    var goodsData = require('../mock/goods.json')
    var router = express.Router()
    router.get("/goods", function (req,res) {
      res.json(goodsData)
    })
    app.use(router)

    在.vue页面写个请求

    import axios from ”axios"
    methods:{
      getGoodsList(){
         axious..get("/goods").then((result)=>{
            var res=result.data
          })
       }
    }
    

      

  • 相关阅读:
    撩课-Python-每天5道面试题-第8天
    声明提前、原型、静态方法的一些所得
    梳理ajax
    两数之和、整数反转、回文数
    node 基础API(fs)
    node 基础API(event)
    node 基础API(Buffer)
    node 基础API(path)
    node 调试技巧
    node process(进程) 几个常用属性
  • 原文地址:https://www.cnblogs.com/yu-hailong/p/8458969.html
Copyright © 2011-2022 走看看