axios在vue里的使用

Posted congtt

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios在vue里的使用相关的知识,希望对你有一定的参考价值。

// 安装

npm i axios

// 引入

<script src="./node_modules/axios/dist/axios.js"></script>

 

// 用法

//get方式请求

created() {
  // 在这个钩子函数中发送请求获取数据
  axios
    .get(url)
    .then((res) => {

      console.log(res)

   })
 },

//post方式请求

methods: {

axios
  // 第一个参数:表示接口地址
  // 第二个参数:表示POST请求的参数,注意这个参数的格式是: 键=值&键1=值1
  .post(url, ‘name=sum&age=18‘)

  // 注意:参数不能是一个对象!!!
  /* .post(url, {
  ‘name‘:sum,

  ‘age‘:18
  }) */
  .then((res) => {
    console.log(res);
  })
}
















以上是关于axios在vue里的使用的主要内容,如果未能解决你的问题,请参考以下文章

Vue3 中 axios 的安装及使用

vue中axios请求成功了如何把数据渲染到页面上?

Vue3 抽离封装axios

axios 注意点

vue中怎么实现公共头部里的值,全局都能拿到且实时变化

在vue组件中使用axios的方法