vue仿163musicPC端 | 娜酱骑士团

JerryXia 发表于 2017-09-04 22:50:50 , 阅读 (29)

前言

vue2越来越受欢迎，无奈现在在公司做的平台是以ng1.x为主，一直没有机会练手vue2，虽然写过一些小demo，但是与完整的项目相比较中间会少很多东西。于是趁在公司空闲的时候以及周末双休，自己用vue2复写了163musicPC端。相比较之掘金上大大写的很多都是纯静态页面vue2，实际开发中肯定会涉及到接口、数据渲染方面，本项目接口通过http-proxy-middleware，一个http代理的中间件，进行http请求转发，实现跨域请求，直接复用网易爸爸的接口，在服务端对返回的JSON进行解构即可。

介绍

vue-163-music(网易云音乐web版)，用vue仿写163音乐客户端版。

原计划仿写完所有页面，碍于网易的接口API有限，实现页面也有限。

不推荐手机端访问。

页面高度为670px，1366 X 768分辨率及其以下按F11全屏浏览效果更佳

Github项目地址:https://github.com/ShanaMaid/vue-163-music

欢迎issue，pr，star or follow！我将继续开源更多有趣的项目

在线版

点击进入 http://163music.shanalab.top/
腾讯学生云主机，最低配，存在卡顿，建议clone到本地进行体验

使用

git clone https://github.com/ShanaMaid/vue-163-music.git

cd vue-163-music

npm install

# 开发环境

npm run dev

访问 http://localhost:8080/

# 打包

npm run build

# 实际环境

cd server

node app.js

访问 http://localhost:3000/

[ 技术文章推荐 ]