vue 动态数据请求

Posted 2020-10-07 Christeen

写在前面的话：

　　很多时候，页面的数据是从前端向后端发起请求获取的，下面是最近用的方法：

---

 

1. axios:   详细的用法参考： axios中文说明   或者 英文的说明   

 注明：axios不支持jsonp（https://github.com/mzabriskie/axios/blob/master/COOKBOOK.md#jsonp），所以要用jsonp的话，请参照下边的第二种jsonp请求方式。

　　1）npm 安装

npm install axios --save

　　2）在需要用到请求的页面引入axios

import axios from ‘axios‘

　　3）在需要用到请求的页面写下如下js

axios.get(‘yourPath‘)
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

2. jsonp:   github地址 

　　1）npm 安装 jsonp

npm install jsonp --save

　　2）在需要用到请求的页面写下如下js

var jsonp = require(‘jsonp‘);

jsonp(‘yourPath‘, null, function (err, data) {
  if (err) {
    console.error(err.message);
  } else {
    console.log(data);
  }
});