vue模仿网易云音乐的单页面应用
导读:本文共1597.5字符,通常情况下阅读需要5分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 说明一直想做一个基于VUE的项目,但是因为项目往往要涉及到后端的知识(不会后端真的苦),所以就没有一直真正的动手去做一个项目。直到发现GitHub上有网易云音乐的api NeteaseCloudMusicApi ,才开始动手去做。仅仅完成了首页,登入,歌单,歌曲列表页。项目地址https://github.com/qp97vi/music 项目成... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。说明
一直想做一个基于VUE的项目,但是因为项目往往要涉及到后端的知识(不会后端真的苦),所以就没有一直真正的动手去做一个项目。
直到发现GitHub上有网易云音乐的api NeteaseCloudMusicApi ,才开始动手去做。
仅仅完成了首页,登入,歌单,歌曲列表页。
项目成功运行还要把后端api在本地运行
前端技术栈
vue2+vuex+vue-router+axios+mint-ui+webpack
遇到的问题
1.前端路由拦截
想做一个登录拦截,验证没有登录之前,就跳转到登录页面
解决方法是:通过http response 拦截器判断token(本地的cookie)判断
创建一个http.js
2.路由懒加载
总结
本文:
vue模仿网易云音乐的单页面应用的详细内容,希望对您有所帮助,信息来源于网络。