axios用法全解

时间:2021-08-29 04:54:54

【前言】

    本文介绍下axios用法,希望对大家有所帮助

 这里声明一句:请求数据一般放置到哪里?详见下篇文章 

 

【主体】

(1)下载

npm i axios --save

(2)引入axios模块

  方式1:在每个页面根组件引入,然后使用

  axios用法全解

 

  axios用法全解

 

   axios用法全解

  方式2:在入口文件引入,然后通过Vue.prototype 属性,即Vue的原型对象引入注册----挂载到Vue原型对象Vue.prototype上

  axios用法全解

 

  

(3)使用axios

  使用时的方式

  ①get请求如下所示,参数可以直接拼接到后面

  axios用法全解

   ②也可以利用params选项存放参数

  axios用法全解

 

(4)get的基本使用

   axios用法全解

  axios用法全解

 

 

 

 (5)post请求

  post请求时注意请求数据格式限制,不能直接使用,需要进行数据类型转换

   axios用法全解

 

   axios用法全解

 

 

 

 

 

 

.