vue axios使用

as_64

已于 2022-04-12 10:08:05 修改

阅读量640

点赞数

分类专栏： VUE 文章标签： vue.js flask 前端 ajax

于 2022-02-20 16:07:31 首次发布

本文链接：https://blog.csdn.net/as_64/article/details/123031794

版权

本文介绍了如何在Vue.js应用中使用axios进行HTTP请求，包括简单的GET请求、表单参数请求和JSON参数请求，并对比了axios与jQuery中ajax的区别。在Flask后端，分别使用request.args.get、request.form.get和request.get_json()来接收不同类型的请求参数。

摘要由CSDN通过智能技术生成

文章目录

1.axios的简单get请求

    axios({
      method: "get",
      url: "http://127.0.0.1:8081/api1/get_viewToken?fileId=xxxx",

    }).then(
      response => {
        console.log(response.data)
      },
      error => {
        console.log("请求失败");
      }
    );

这种请求是将参数放入url中暴露出来，在flask中使用request.args.get(‘fileId’)进行接收

2.axios 表单参数请求

let data = new FormData();
    data.append("fileId", fileId);
    axios({
      method: "post",
      url: "http://127.0.0.1:8081/api1/get_viewToken",
      dataType: "json",
      data: data
    }).then(
      response => {
        console.log(response.data)
      },
      error => {
        console.log("请求失败");
      }
    );

这种请求是将参数作为表单参数进行提交，在flask中使用request.form.get(‘fileId’)进行接收
下图是使用filder进