axios是基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 Nodejs服务端中使用,同时包含很多新特性,比如:拦截请求和响应自动转换 JSON 数据客户端免受 XSRF 攻击等特性
工具/原料
1
vue
2
axios
方法/步骤
1
创建vue工程,安装axiosvue init webpack vue2cd vue2npm i axios
2
去掉eslint检查(去掉红框中的部分),运行工程:npm run dev
3
添加测试代码:添加按钮:
4
刚才添加的代码,方法是get方法,现在可以做get请求测试了,点击页面上的按钮即可,我们会发现红框中输出报一个get错误,说明我们刚发了一个get请求,由于相应的请求的服务端我们没做任何开发,所以客户端是要报404的。
5
修改代码的中方法为postpostData(){ this.$http({ method: 'post', url: '/user', data: { name: 'xiaoming', info: '12' } })}
6
点击按钮,测试post方法,点击后,输出中发现报post的错误,说明我们已经发出请求。
7
并发请求:我们修改代码,添加方法twoReq按钮
8
点击按钮做并发测试,发现输出有两个请求,说明我们的并发请求可行。更深入内容请上官网了解。