vue使用axios发送异步请求

wozaisifangbl

于 2024-08-14 11:10:33 发布

阅读量215

点赞数 5

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/wozaisifangbl/article/details/141185169

版权

1.安装axios qs
npm i axios -S
npm i qs -S
安装如下图：
在这里插入图片描述
2.找到项目的中main.js
导入axios

//引入Axios框架
import axios from 'axios'
//引入qs
import qs from 'qs'
//将axios加载到vue对象中
Vue.prototype.axios = axios
//将qs加载到vue对象中
Vue.prototype.qs = qs

3.使用axios发送请求

 let url = 'http://localhost:8989/v1/users/reg'
      //将json对象转化为字符串对象
      let data = this.qs.stringify(this.user)
      this.axios.post(url,data).then(reponse=>{
        if(reponse.data.code==1){
          this.$message.success("注册成功！")
        }else{
          this.$message.error(reponse.data.msg)
        }
      })