vue3 axios的使用

人类高质量程序员

已于 2022-08-12 13:44:45 修改

阅读量1.2k

点赞数

文章标签： vue.js 前端 javascript ajax

于 2022-08-12 13:43:44 首次发布

本文链接：https://blog.csdn.net/sdhuangzheng/article/details/126302405

版权

话不多说在，直接奔入主题。
首先是安装axios

npm i axios vue-axios --save

之后在main.js进行配置

import axios from 'axios'
import VueAxios from 'vue-axios'
createApp(App).use(VueAxios, axios)
createApp(App).mount('#app')

测试界面：
注意：不要忘记该页面也要导入axios，如果进行深一步的处理，可以使用封装的axios，可以去搜一搜，建议是先进行简单的测试，看axios是否能够调试成功。

<template>
  <div >
<h1>ceshi sad </h1>
    <button @click="test()">点击进行测试</button>
  </div>
</template>

<script>
    import axios from "axios"
export default {


    methods: {
        test() {
//直接使用即可，注意要进行import axios from "axios" 代码的书写
     axios.post('url').then(function (res){
                console.log(res.data)

            })

        }
    }

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>