# a王者荣耀demo-node+vue-客户端渲染

**Repository Path**: lelliar/lznb

## Basic Information

- **Project Name**: a王者荣耀demo-node+vue-客户端渲染
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MulanPSL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-01
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# nodeJS(express,token)+mongodb+VUE实现王者荣耀移动端官网模拟

## web为客户端，server为服务端，admin为后台管理界面
> 作者：计科1806 廖星宇
>参考文献：vue官方文档，elementUI官方文档，express官方文档，npm,CSDN

## admin 客户端
### 使用vue-cli2.0初始化VUE
### 采用ELEmentUI模板
### 完成后台分类页面
### 完成后台装备界面
### 完成后台英雄界面

## server 服务端
### 初始化，安装express ， cors, mongoose等包
### 完成路由构造
### 完成CRUD通用路由改造
### 使用multer包，负责传递文件
## token执行步骤
服务端生成token传递给客户端，客户端为每次请求添加token请求头，服务端检测是否存在请求头，若存在则调用接口，若不存在，则返回错误

#### 使用schema.virtual出现的问题
('newslist' , {
    localField:'_id',
    foreignField:'parent',
    justOne:false,
    ref:"article"
})
如果使用populte调用，会直接根据你的数量随机调出等同的数量的数据，不会根据分类来调用，则可能出现一个分类多条数据的结果

### model为数据库模型

### web为手机端界面
#### SASS 与 工具样式（工具类，复用）,全局SASS
#### 样式重置
#### 使用Mint轮播图
#### 使用http://www.spritecow.com处理精灵图

## 遇到的问题
### 问题：
1.在改造CRUD通用路由时产生
Converting circular structure to JSON
### 解决方案
在转换req.Model时缺少await
### 问题
2.上传图片时图片无法显示
### 解决方案
放置图片的文件夹开放时，应当直接用根路径请求（/），而非./
### 问题
ypeError: Cannot read property '0' of undefined
### 解决方案
由于异步大法需要一点点时间，所以页面刚被渲染出来时候是拿不到数据的，则会报错，但能正常运行。
使用V-if进行判断，当请求数据返回的参数存在数据时，再执行下一步，便能解决错误