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

本文档介绍了在Vue项目中如何使用axios库进行HTTP请求。首先通过npm安装axios,然后在main.js中配置默认的基础URL和超时时间。接着在需要发起请求的组件中导入axios,并在具体的方法中调用它进行get或post请求。文中提到了params用于get请求,将参数附加到URL,而data用于post请求,放置在请求体中。
摘要由CSDN通过智能技术生成

项目场景:

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


一、什么是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请求

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值