vue----axios学习笔记

前言：本地项目使用vue脚手架搭建的，使用git代码管理工具，

1.安装axios： npm install axios --save

2.引入：import axios from axios

3.实例：

methods:{

    getHomeData(){

      axios.get('/api/index.json')

      .then(this.getHomeDataSucc);

    },

    getHomeDataSucc(res){

        //获取数据

    }

  },

  mounted(){

      this.getHomeData();

  }

4.本地模拟数据放在static下，新建了mock文件夹，并不想把本地静态模拟数据文件提交到线上，只需在.gitignore文件里添加你不想提交额文件路径

5.axios能做到浏览器 发送XHR请求,Node环境发送 http请求,静态文件放在static文件夹下

6.若线上接口请求的路径为 /api/...,本地模拟数据路径又在/static/mock下面，这个时候到时发布到线上的时候会要将请求路径改为/api/....,代理功能出场了

在config下的index.js文件配置，如下：（由webpack-dev-server提供的）