# install dependencies
yarn install
# serve with hot reload at localhost:8082
yarn run dev
# build for production with minification
yarn run build
# visualize output files
yarn run analysis
# copy output files to docs folder
yarn run copy
# preview output files
yarn add http-server -g
cd dist
http-server- Vue @ 2.5.9
- Vue-Router
- Vue-cli
- Vue-i18n
- Vuex
- ES6
- Axios
- jsonp
- eCharts @ 3.7.2
- Element-UI @ 2.4.3
- Less
- Animate.CSS
- Font-Awesome
- screenfull
- MockJS
- Yarn
- babel-polyfill 兼容IE垫片
- intro.js 引导页
- vue-qr 二维码生成模块
- vuedraggable 拖拽功能
- vue-particles 粒子星空效果
- xlsx 读取excel表
- js-cookie 读写cookie模块
- dayjs 日期处理模块
- rythm.js 音频节奏可视化模块
- 登录页已兼容IE浏览器
- 由于引入了rythm.js，导致其它页面不兼容IE，使用时，删除Siderbar.vue里面关于rythm.js的代码就可以了
- 配置webpack.base.conf.js中的alias的vue字段，可以解决IE浏览器中的报错问题。（这块儿不用动了，已调整好）
- 背景音乐的歌名是：Romeo's Tune
| Name | Remark |
|---|---|
| .vscode | VScode的sftp插件配置文件，用于将编译后文件传输到服务器上 |
| docs | github或coding上，用于生成预览页面的文件，公司项目中可删除 |
| dist | 打包后的文件所在目录 |
| screenshot | github上README页面上的预览图片，可删除 |
- 请求登录接口，获取到token、用户ID等信息，保存到localStorage或Cookie里
- 请求左侧菜单信息。（如果菜单是固定的，这步忽略）
- 登录成功后，导航到首页
- 在main.js里设置全局请求拦截，在所有请求的header里加上token信息，证明当前已登录
- 在main.js里设置全局接收拦截，如果服务器端的token已过期，返回401，就清空localStorage并重定向到登录页面
- 在路由配置表里，设置全局路由拦截，如果token存在并且要去往登录页面，就不让去，并且重定向到首页
- 点击退出按钮，清空localStorage，并导航到登录页面
- 配置路由表，'/'重定向到首页
- 如果没有登录（本地没有token），首页的请求就会是401，这时候，就会导航到登录页
- 如果已经登录过，本地有token，就待在首页，不用再登录一遍了
2018-08-06
- 修复退出后音乐不停止bug
- 优化页面Logo跳舞效果
- 修改路由配置，首次进入到登录页面
2018-07-15
- 更新Readme
- 优化登录登出逻辑
- 删除多余模块
- 兼容IE浏览器
2018-07-10
- 优化打包生成目录
- 实现打包文件可视化
- 修复登录页报错bug
- 在入口处引入mock.js
- 删除左侧导航动画效果
- 优化了package.json中的script脚本
- 优化各个组件的文件名
- 饿了么组件库升级到了最新版本@2.4.3
0、文件地图
1、登录页
2、气象页
3、魔方页
