在Vue中使用axios向后台发起网络请求

    科技2024-11-23  20

    项目场景:

    场景:在Vue中使用axios向后台发起网络请求

    文章目录

    项目场景:一、什么是axios二、使用步骤1.安装模板2.可以在main.js中设置请求头和超时事件3.在需要发起请求的页面中导入'axios'4.在具体方法中发起请求


    一、什么是axios

    axios 是一个基于 promise 的 HTTP 库,简单的讲就是可以发送get、post请求。

    二、使用步骤

    1.安装模板

    指令如下:

    npm install axios

    2.可以在main.js中设置请求头和超时事件

    代码如下(示例):

    axios.defaults.baseURL = 'http://10.0.117.64:8080/Blog_war_exploded' axios.defaults.timeout = 5000

    3.在需要发起请求的页面中导入’axios’

    import axios from 'axios'

    4.在具体方法中发起请求

    axios({ url: '/blog/tagId', method: 'get', params: { item: item } }).then(res => { console.log("请求tagId", res.data) })

    其中:向后端传值的方式有两种,分别是 params,data。

    params:是添加到url的请求字符串中的,用于get请求。data:是添加到请求体(body)中的, 用于post请求
    Processed: 0.011, SQL: 8