一、需求文档（登陆注册）

1、用户名登录（数据库+egg）
用户采用用户名登录
2、注册（数据库+egg）
用户进行注册，对账户的密码进行二次确认，对手机号进行校验，对两次密码进行校验
3、二维码登录（网易云API）
采用网易云的接口文档，用户使用手机app进行二维码扫码登录
4、短信登录（网易云API）
采用网易云的接口文档，用户采用手机发送短信进行，采用验证码登录
5、用户个人信息页（网易云API）
登录之后获取到用户的昵称，头像，性别，个性签名，生日，地址
6、修改用户个人信息（网易云API）
修改昵称，头像，性别，个性签名，生日，地址，

二、开发文档

三、接口文档数据库设计

网易云的API文档
https://neteasecloudmusicapi.vercel.app/#/?id=neteasecloudmusicapi

user

user_id	user_name	password	phone	user_img	gender

四、进度安排

day1

1、路由注册100%
2、登录总页面100%
3、账号登录页面100%（egg后端+数据库+前端）
4、用户注册页面实现（egg后端+数据库+前端）100%

day2

1、实现二维码登录（网易云API）100%
2、实现短信登录（网易云API）100%

day3

1、路由守卫拦截
2、登录成功后返回状态和信息
3、登录退出

day4

1、个人信息页面100%
2、个人信息页面修改昵称，修改头像，性别，生日，地址

day5

bug修护以及优化

六、项目录频

五、遇到的问题

1、路由接口的配置

2、跨域处理

前端： vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,devServer: {port: 8080,host: 'localhost',// 可设置多个代理proxy: { //目的是解决跨域，若测试环境不需要跨域，则不需要进行该配置'/api': {target: 'http://127.0.0.1:7001/', // 目标 API 地址changeOrigin: true, //开启跨域pathRewrite: {'^/api': ''}}}},lintOnSave: true})

main.js

const http = axios.create({timeout: 1000 * 1000000,withCredentials: true,BASE_URL: '/api',headers: {'Content-Type': 'application/json; charset=utf-8'}
})

后端：cconfig.default.js

 //配置允许post请求config.security = {csrf: {enable: false,ignoreJSON: true,}}//配置跨域config.cors = {// origin: '*',origin:'http://localhost:8080',//cookie自带允许跨域allowMethods: 'GET,HEAD,PUT,POST,DELETE,PATCH',credentials: true};

3、路由拦截

4、二维码传值的时候，key值传递过来后，能打印出来，但是就是用不了，用的时候就是undefined

因为我在写axios.get方法时，没写params，导致这个问题，采用打印语句，一步一步找到答案

5 通过短信发送验证码的时候，最好采用form表单，便于后面检验验证码的状态，就是需要检验按钮的状态，按钮能否被选择，还有就是要做防抖和节流

6 今天上午网易云的api突然访问不了，不知道是什么原因，后期在解决

7 采用短信登录的时候，应该是验证码输入之后，点击登录才跳转，而不是验证码一输入成功就登录成功。

8 用axios的时候最好是res返回值写在.then里面，这样更好拿后端的值

9 封装axios最好是封装起来再用

10 组长更换了服务器，采用部署的服务器，启动项目的时候，先将vue.config.js里面的devserver注释，启动之后在注释回来

11 template中有两个及以上的跟标签就会导致编译不通过卡死

12 background-image的用法

13 测试号

之后的开发中若需要测试，一定要用测试账号进行测试，今天干掉了两个网易云账号，不过也发现了官网网易云的小bug

14 session用法

15 获取用户id

16 组件之间session传值

17 router的跳转

18 接口有风控，注意接口调用次数

19 npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock

npm版本需要升级

解决：

npm install -g npm

之后查看npm版本重新npm i
在运行

基于网易云API的音乐网站的登录注册（持续更新）相关推荐

基于开源网易云API+Flutter写的一款音乐播放器
历时2个多月,基于开源网易云API的一款使用Flutter开发的桌面音乐程序终于完成了它的第一个版本v1.0.0
基于开源网易云API+Flutter写的一款音乐播放器（二）
历时2个多月,基于开源网易云API的一款使用Flutter开发的桌面音乐程序终于完成了它的第一个版本v1.0.0
基于java+SpringBoot+HTML+Mysql音乐网站
详细功能设计:请点击下面链接查看基于java+SpringBoot+HTML+Mysql音乐网站)_哔哩哔哩_bilibili 源码+论文获取: 源码+论文获取请私信获取目录摘要 Ab ...
虾米播播音乐墙html,WordPress音乐播放器插件Hermit X（支持网易云、QQ音乐、虾米等）...
Hermit X,使用 APlayer 前端播放器,Meting Framework & LWL API 后端支持的全新 WordPress 播放器现已问世! 特性支持直接调用网易云音乐. ...
中国有嘻哈：网易云、虾米音乐歌词爬虫项目分享
<中国有嘻哈>这款综艺带火了中国的嘻哈音乐,大家问好也都变成了:你有freestyle吗? 相信大家都是因为这篇高大上的微信推送文章来的. 没看到也不要紧,传送带在这里–>爱票子也爱 ...
调用Nodejs版网易云API时，遇到code:-462报错解决方案
在今年(2023)四月份,我在调用基于Nodejs版网易云API时,突然出现了下面这个报错: 很明显,网易云在调用API时需要我们进行账户验证,我很自然想到可能是需要登录.那么查阅API文档,我们可以 ...
网易云API Golang版开发历程
网易云API Golang版开发历程原项目(node.js) 网易云音乐 API 本项目 (golang) 网易云音乐 API api文档请不要用于商业用途想法的开始事情的开始还是一开始在B站 ...
java电脑桌面网易云界面,Javafx音乐播放器
Javafx音乐播放器介绍这是款由纯java语言开发的在线音乐播放器,当然也支持播放本地的音乐,在本地音乐模块主要采用目前java最主流的音频标记库Jaudiotagger,可解析MP3文件头信息 ...
基于Nuxt3的API接口服务网站
原文链接: 基于Nuxt3的API接口服务网站挺早之前就想写个 api 接口服务,封装下自己收集的一些 api 接口,以便调用,正好最近在接触 SSR 框架,所以就使用 Nuxt3 来编写该项目. ...
网易云api及 asrsea 加密参数文档
网易云api及 asrsea 加密参数文档 detail /weapi/v3/song/detail?csrf_token=bd0c8c8504a92cd653d53a7dd1c01ba4 " ...

基于网易云API的音乐网站的登录注册（持续更新）

一、需求文档（登陆注册）

二、开发文档

三、接口文档数据库设计

四、进度安排

day1

day2

day3

day4

day5

六、项目录频

五、遇到的问题

1、路由接口的配置

2、跨域处理

3、路由拦截

4、二维码传值的时候，key值传递过来后，能打印出来，但是就是用不了，用的时候就是undefined

5 通过短信发送验证码的时候，最好采用form表单，便于后面检验验证码的状态，就是需要检验按钮的状态，按钮能否被选择，还有就是要做防抖和节流

6 今天上午网易云的api突然访问不了，不知道是什么原因，后期在解决

7 采用短信登录的时候，应该是验证码输入之后，点击登录才跳转，而不是验证码一输入成功就登录成功。

8 用axios的时候最好是res返回值写在.then里面，这样更好拿后端的值

9 封装axios最好是封装起来再用

10 组长更换了服务器，采用部署的服务器，启动项目的时候，先将vue.config.js里面的devserver注释，启动之后在注释回来

11 template中有两个及以上的跟标签就会导致编译不通过卡死

12 background-image的用法

13 测试号

14 session用法

15 获取用户id

16 组件之间session传值

17 router的跳转

18 接口有风控，注意接口调用次数

19 npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock

基于网易云API的音乐网站的登录注册（持续更新）相关推荐

最新文章

热门文章

基于网易云API的音乐网站的登录注册（持续更新）

一、需求文档（登陆注册）

二、开发文档

三、接口文档 数据库设计

四、进度安排

day1

day2

day3

day4

day5

六、项目录频

五、遇到的问题

1、路由接口的配置

2、跨域处理

3、路由拦截

4、二维码传值的时候，key值传递过来后，能打印出来，但是就是用不了，用的时候就是undefined

5 通过短信发送验证码的时候，最好采用form表单，便于后面检验验证码的状态，就是需要检验按钮的状态，按钮能否被选择，还有就是要做防抖和节流

6 今天上午网易云的api突然访问不了，不知道是什么原因，后期在解决

7 采用短信登录的时候，应该是验证码输入之后，点击登录才跳转，而不是验证码一输入成功就登录成功。

8 用axios的时候最好是res返回值写在.then里面，这样更好拿后端的值

9 封装axios最好是封装起来再用

10 组长更换了服务器，采用部署的服务器，启动项目的时候，先将vue.config.js里面的devserver注释，启动之后在注释回来

11 template中有两个及以上的跟标签就会导致编译不通过卡死

12 background-image的用法

13 测试号

14 session用法

15 获取用户id

16 组件之间session传值

17 router的跳转

18 接口有风控，注意接口调用次数

19 npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock

基于网易云API的音乐网站的登录注册（持续更新）相关推荐

最新文章

热门文章

三、接口文档数据库设计