Using Axios in VUE-CLI

Installation

npm install axios --save-dev

How to use

• Introduction Package

import axios from ‘axios‘

• Axios is not a Vue plugin and cannot use Vue.use (). To be introduced by means of controlling the prototype chain.

Vue.prototype.$http = axios

• Using in Projects

          this.$http.get(‘https://erienniu.xyz/api/sidebar‘)            .then(function(response) {              console.log(response.data)            })            .catch(function(error) {              console.log(error)            })

When cross-domain issues require JSONP

Https://github.com/axios/axios/blob/master/COOKBOOK.md#jsonp

$ npm install jsonp --save

const jsonp = require(‘jsonp‘);jsonp(‘http://www.example.com/foo‘, null, (err, data) => {  if (err) {    console.error(err.message);  } else {    console.log(data);  }});

Using Axios in VUE-CLI