Vue3实现简单axios请求

需要安装依赖

npm install qs
npm install axios -g

局部引用

import axios from 'axios'
import qs from 'qs'    //把参数对象格式化为字符串

 <div>
    <h2>{{ response }}</h2>//查看请求结果
    <button @click="sendPostRequest">发送请求</button>
  </div>

<script>
import { ref } from 'vue'
import axios from 'axios'
import qs from 'qs'
export default {
  setup() {
    const response = ref('')

    const sendPostRequest = async () => {
      try {
        const data = {
         username: 'xiaowang',
        }
        const config = {
          headers: {
            'Content-Type': 'application/json'
          }
        }
        const res = await axios.post('写你的api',qs.stringify(data),config)
        response.value = `Response: ${JSON.stringify(res.data)}`
      } catch (error) {
        response.value = `Error: ${error.message}`
      }
    }

    return {
      response,
      sendPostRequest
    }
  }
}
</script>