vue----axios学习笔记

2019-06-26  本文已影响0人  Beth_clover

前言:本地项目使用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提供的)

上一篇下一篇

猜你喜欢

热点阅读