计算机教程

当前位置:3522.com > 计算机教程 > node.js中axios使用心得总结

node.js中axios使用心得总结

来源:http://www.4sports-uk.com 作者:3522.com 时间:2019-08-10 15:43

需要引用vue-resource

Axios是一个基于Promise的 HTTP 库,可以用在浏览器和node.js 中,因为尤大大的推荐,axios也变得越来越流行。最近项目中使用axios也遇到了一些问题,就借此机会总结一下,如有错误,还请不吝指正。

安装请参考https://github.com/pagekit/vue-resource官方文档

功能

在入口函数中加入

浏览器端发起XMLHttpRequests请求

import VueResource from 'vue-resource'
Vue.use(VueResource);

node层发起http请求

在package.json文件中加入

支持Promise API

 "dependencies": {
  "vue": "^2.2.6",
  "vue-resource":"^1.2.1"
 },

拦截请求和响应

请求如下

转换请求和响应数据

mounted: function () {
    // GET /someUrl
    this.$http.get('http://localhost:8088/test').then(response => {
       console.log(response.data);
      // get body data
      // this.someData = response.body;

    }, response => {
      console.log("error");
    });
  },

取消请求

注意

自动转换JSON数据

1.在请求接口数据时,涉及到跨域请求

客户端支持防御XSRF(跨站请求伪造)

出现下面错误:

兼容

复制代码 代码如下:

图片 1

XMLHttpRequest cannot load http://localhost:8088/test. No ‘Access-Control-Allow-Origin' header is present on the requested resource. Origin ‘http://localhost:8080' is therefore not allowed access.

使用

解决办法:在接口中设置

npm
npm install axios

response.setHeader("Access-Control-Allow-Origin", "*");

bower
bower install axios

2.使用jsonp请求

cdn

但是出现如下错误

<script src="https://unpkg.com/axios/dist/axios.min.js"&gt;&lt;/script&gt;

Uncaught SyntaxError: Unexpected token

发起请求

查看请求,数据已返回,未解决.

GET

本文由3522.com发布于计算机教程,转载请注明出处:node.js中axios使用心得总结

关键词: 3522.com

上一篇:CodeIgniter模板引擎使用实例

下一篇:没有了