Vue中使用axios的方法

一什么是axios

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，具有以下特征：

1. 从浏览器中创建 XMLHttpRequest
2. 从 node.js 发出 http 请求
3. 支持 Promise API
4. 拦截请求和响应
5. 转换请求和响应数据
6. 取消请求
7. 自动转换JSON数据
8. 客户端支持防止 CSRF/XSRF

二如何在Vue中使用axios

1.使用npm安装axios

npm install axios

2.结合 vue-axios使用

vue-axios用于将axios集成到Vuejs的小包装器。终端安装：

npm install --save axios vue-axios

3在主入口文件main.js中引入

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios);

4.在组件文件中的methods里去使用

export default {
  name: 'wrap',
  data(){
    return {   
		/* 歌曲播放地址 */
		musicUrl:[],
		/* 歌曲封面 */
		musicCover:" ",
		/* 歌曲评论 */
		hotComments:[],
		/*走马灯*/
		zmd:[]
	    }
  },
  methods:{
		/* 点击查询 */
		searchMu