zoukankan      html  css  js  c++  java
  • 关于vue-cli创建项目(小白)(2)mock数据

    mock数据,好处,前后端分离,不用等后端的真实接口,就可以用axios(ek sju s 好像这么读,原谅本人总是根据读音写单词)请求数据了。

    一,安装所需插件

    根据不同需求选择安装环境,mockjs是一个插件,需要安装在开发环境。而axios安装在生产环境。

    cnpm install mockjs --save-dev;

    cnpm install axios --save;

    1.设置mock地址:

    (1)创建一个mock文件夹内含 index.js文件,用于管理mock的。一定不要忘记在main.js里引入这个文件

    (2)在index js里引入mock (和引入其他router  一样)

         import Mock from ‘mockjs’;

      (3)  引入你的数据(你的数据可以用json文件的形式写好,放入项目文件里)

        import data from “../data.jsom”

    (4)设置mock地址和数据参数,访问该地址,mock会拦截下来并返回相应数据

    Mock.mock('访问地址',{

               code:0,//相当于 访问成功的状态码,也可以不设置

               data:“你的数据”

    })    

    三 访问地址

     (1).引入axios ,

        import axios from “axios”;

     (2).拉取接口

      axios.get("地址").then(

    res =>{

    if(res.code  == 0){

    //你在此可以处理数据了

        }

    }

    )

  • 相关阅读:
    zz 使用svn——项目的目录布局
    eclipse中字体太小
    SVN 项目的目录结构
    tuscany requires 学习
    搜索子集生成
    HZNUACM寒假集训Day12小结 数论入门
    HZNUACM寒假集训Day10小结 树树形DP
    模板 快速幂|取余
    HZNUACM寒假集训Day7小结 背包DP
    HZNUACM寒假集训Day6小结 线性DP
  • 原文地址:https://www.cnblogs.com/dangdanghepingping/p/9928637.html
Copyright © 2011-2022 走看看