• 正文概述
  • 一款仿网易云音乐网页源码对接api,无需自己上传数据,可打包为exe软件包,界面美观,排行榜、歌单、MV应有尽有,具体可查看演示。源码为开源,来源于GitHub,如有兴趣可下载自行研究。

    目录结构

    | –dist 生成打包后的文件
    | –node_modules 安装的依赖包
    | –public 静态资源会被输出到目录dist
    | –src
    | |–api 与后端交互使用相关方法和配置
    | | |–services 对应使用的api方法和数据处理
    | | | |–instance.js 封装请求,拦截器等等 (axios,fetch)
    | | | |–home.js home相关api
    | | |–config.js 配置生产,开发,测试接口配置
    | | |–index.js services文件api,统一出口
    | | |–resource.js 全局使用的常量
    | |–assets 存放静态资源,图片等等
    | |–model 处理歌曲视频数据等等
    | |–components 公用组件
    | |–router vue-router相关配置
    | | |–index.js 导出路由配置,路由守卫配置
    | | |–routes.js 所有路由
    | |–utils 封装的工具函数
    | |–views 所有的路由组件
    | |–app.vue 顶层路由
    | |–main.js 入口文件

    安装运行

    $ git clone https://github.com/Binaryify/NeteaseCloudMusicApi
    $ cd NeteaseCloudMusicApi
    $ npm install
    $ npm start
    $ 成功后访问localhost:3000是否正常,正常下一步
    $ git clone git@gitee.com:lxhcool/desktop-nicemusic.git
    $ cd desktop-nicemusic
    $ npm install
    $ npm run serve

    打包上线

    $ https://github.com/Binaryify/NeteaseCloudMusicApi 构建后端服务(这个需要自行解决,不知道的建议找后端的朋友帮忙)
    $ 构建成功后打开是这样的界面就代表ok了(https://nicemusic-api.lxhcool.cn/)
    $ 构建后会有接口地址,在项目src/api/config.js中将production下面的接口地址修改成自己的api地址
    $ cd desktop-nicemusic
    $ npm install
    $ npm run build
    $ 生成dist文件夹,将里面的内容上传到自己的服务器就可以了

    运行截图:

    仿网易云音乐网站源码
    仿网易云音乐网站源码
    仿网易云音乐网站源码
    仿网易云音乐网站源码
    仿网易云音乐网站源码
    仿网易云音乐网站源码
    仿网易云音乐网站源码
    仿网易云音乐网站源码

    GIt下载地址:https://gitee.com/lxhcool/desktop-nicemusic

    1. 本站所有源码、模板、插件、素材等其他资源,均来自网络收集及网友分享!
    2. 本站资源重在学习交流研究,版权归原作者所有,如需商业请联系原开发作者购买!
    3. 本站资源严谨商业或者非法用途,若出现法律纠纷与本站无关,一切后果请用户自负!
    4. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制服务!
    5. 本站资源会员只是赞助,根据个人需求选择,赞助费用仅维持本站的日常运营所需!
    6. 本站提供资源大部分都会经过测试,但不保证100%无bug,如介意请勿下载!
    7. 本站资源若有侵犯您的版权,请联尽快联系站长删除。
    8. 如遇需要解压密码,则解压密码为"www.35ym.cn"!
    9. 本站提供资源如遇下载链接失效,请联系站长处理!

    35源码网 » 仿网易云音乐网站源码,界面美观对接api

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    网站下载资源无法正常使用或者运行怎么办?
    本站所有资源均来源于网络收集和网友分享,大部分资源都会经过实际测试,但不保证所有资源百分百无bug存在,请知晓。如遇搭建失败,请首先排除技术问题,再咨询站长。
    解压密码是什么?
    如下载无特别说明时,本站资源使用统一解压密码:www.35ym.cn