axios静态资源设置缓存

axios静态资源设置缓存步骤如下：

1、发起HTTP请求。

2、执行请求拦截器。

3、派发请求和转换请求数据。

4、使用缓存适配器处理请求。

5、转换响应数据和执行响应拦截器。

6、结束。

Vue.js 1.0 我们常使用 vue-resource (官方ajax库), Vue 2.0 发布后作者宣告不再对 vue-resource 进行更新， 推荐我们使用 axios (基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用)

安装 axios

使用 npm

npm install axios

使用 yarn

yarn add axios

使用 axios

如同使用 vue-resource 一样使用

main.js

import axios from 'axios' Vue.prototype.$http = axios

执行 GET 请求

this.$http.get('/user?ID=12345') .then(function (response) {console.log(response) }) .catch(function (error) {console.log(error) })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

功能特性

在浏览器中发送 XMLHttpRequests 请求

在 node.js 中发送 http请求

支持 Promise API

拦截请求和响应

转换请求和响应数据

自动转换 JSON 数据

客户端支持保护安全免受 XSRF 攻击

请求方式

axios(config)

axios.request(config)

axios.get(url[, config])

axios.delete(url[, config])

axios.head(url[, config])

axios.post(url[, data[, config]])

axios.put(url[, data[, config]])

axios.patch(url[, data[, config]])

get请求

axios

.get('/user',{ params:{id: 12} })

.then(res=>{ console.log(res) })

.catch(err=>{ console.log(err) })

post请求

axios

.post('/user',{id: 12})

.then(res=>{ console.log(res) })

.catch(err=>{ console.log(err) })

发送并发请求

axios

.all([axios.get('/profile'), axios.post('/user')])

.then(axios.spread((res1, res2)=>{

console.log(res1)

console.log(res2)

}))

axios.all([]) 返回的结果是一个数组，使用 axios.spread 可将数组 [res1,res2] 展开为 res1, res2

直接通过配置发送请求，类似于 $.ajax(config)

axios(config) / axios(url,[config])

axios({

url:'/user',

method: 'post',

data:{ id: 1 },

})

axios('/user/12')

---