Day09_前端_优化管理

• 我把后端对于planetcode的验证删了

页面开发阶段

1.ref--创建响应式变量，该值的时候要加value，const

reactive创建响应式变量

创建函数发送请求，antdesign组件

授权

• 思路都是一致的，在进入某个页面时判断用户是否具有该页面的权限，无非是把权限校验相关的代码写在单个页面内，还是写到一个独立的文件中罢了。
• 建议编写独立的全局权限控制文件，可以利用VueRouter的路由守卫实现，每次切换并进入页面前，都会检查一 下当前用户是否具有特定页面的权限
• 在src下编写access.ts权限校验文件，可以自己定义逻辑
• 全局写完之后要引用

1.单页面权限控制

2.全局控制权限

项目部署

1.多环境：指同一套项目代码在不同的阶段需要根据实际情况来调整配置并且部署到不同的机器上

区分不同的阶段：开发／测试／生产

对项目进行定制优化，比如：本地日志级别、精简依赖，节省项目体积、项目的环境／参数可以调整，比如JVM 参数

2.前端多环境实战

多环境很重要的目的是区分请求地址，比如开发时localhost,

在request.ts加上CODE_ENV判断

3.整个文件目录放到服务器上，网站成品包

4.运行到打包好的文件下，写命令serve