yinguangyao/react_music.github.io

<<<<<<< HEAD

！！！项目调用API需要经过whistle配置，因为无法直接访问https://cloud-music.pl-fe.cn/ 需要将 http://cloud-music.pl-fe.cn/代理一下。

基于React的网易云音乐

项目说明(必看)

由于目前没有服务器，所以需要以下面的方式启动项目

在项目文件夹中,输入以下命令以安装

yarn install

输入以下命令以启动项目

npm start

项目结构

技术栈:

Typescript+React+Ant Design(https://ant.design/index-cn)

目录结构:

public:

脚手架生成的，index.html里title和标签页的小logo已经改好了.

src:

存放源代码的文件夹

components 存放各个组件

IndexContent是主页的内容,IndexTopMenu是顶部的主菜单
login是登陆页面
NotFound是没有任何匹配，找不到请求的资源时跳转的页面
ProjectRouter负责项目的路由 find_music存放发现音乐相关的页面
my_music存放我的音乐相关的页面
search存放搜索框和搜索结果

其他文件:

App.css,App.test.tsx,App.tsx是组件的主文件

index.css,index.tsx是项目的主文件

.env.development是项目配置文件，用于开发环境的配置， 这里配置了网易云API的URL，配置的是localhost:3000, 把api配置到3000的原因是我的电脑 这边把先启动项目再把api启动在其他端口会报错,原因不明 如果要改，那么只改自己电脑适用的value,key不要改

.env.production是项目配置文件，用于生产环境的配置， 目前在本地服务器上跑，所以配置的也是localhost:3000 这里配置了网易云API的URL，如果要改，那么只改value,key不要改

其他的是脚手架生成的