一什么是axios
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,具有以下特征:
- 从浏览器中创建 XMLHttpRequest
- 从 node.js 发出 http 请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求和响应数据
- 取消请求
- 自动转换JSON数据
- 客户端支持防止 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