/desktop-cloud-music-vue2

网易云音乐桌面端 vue2 实现

Primary LanguageVue

electron-vue构建桌面端应用(仿网易云音乐--阉割版)

在此感谢：

技术

  • vue2.x + vuex + vue-router + webpack3.x + axios + electron
  • 采取element-ui，在此感谢饿了么团队
  • 接口采取网易云音乐node.js接口，再次感谢
  • 采取vue-devtools工具来检查组件以及vuex仓储
  • 采用vue-lazyloader插件实现图片预加载

项目运行：

  • git clone https://github.com/magicwangxuanqi/cloud.git
  • cd cloud & npm install
  • npm run dev

打包：

  • 一键打包：npm run build
  • windows：npm run build:win32
  • linux：npm run build:linux
  • maxOs：npm run build:darwin

简单介绍：

  • 掘金看到很多人采用electron搭建桌面应用程序，萌生了打造一个桌面应用的想法
  • 目前在网上网易云音乐的node.js接口是比较全面而且方便使用的
  • 感觉上用单页面的方式构建比较友好，对于react本人不是很熟，angular也没怎么用过，因此采取了vue作为前端开发框架
  • 登陆部分依照接口提供的方法进行异步请求，在路由中添加权限认证；登录操作过程中部分接口总是报301，发现axios默认不会传递cookie，因此给axios拦截器设置withCredentials = true来解决此问题，同时还可以解决跨域