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

项目场景:

场景:在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请求

你可能感兴趣的:(vue)