用户中心完结

前端 ant design pro 1.通过官网前端项目搭建 安装node.js 2.了解项目结构 主要文件 （1）package.json 类似于后端的pom文件 里面还有一些封装好的执行命令 （2）routes.ts 配置路由 （3）proxy.ts配置反向代理 解决跨域问题 （4）通过extend 重写公共请求类 并添加全局请求拦截器、全局响应拦截器 （5）app.tsx 运行时配置都可以写在这里 （6）access.ts 当 Layout 插件配合 plugin-access 插件使用时生效。控制权限 （7）api.ts封装http请求 一般使用 async 与 await一起使用 后端 1.springboot 开箱即用 mysql jdbc web orm mybatis-plus junit 2.登录的设计 将登录对象创建到session中 前端将注册和登录设置白名单 前端将后端返回的鉴权对象放入全局变量里 供前端判断 还一些校验的设置 扫描3.注解 全局异常拦截器 全局响应格式设置 4.单元测试 前后端联调
1.使用proxy解决跨域问题 2.前后端统一使用响应拦截器来处理返回码 3.添加依赖可以去maven仓储中找 部署: 1.多环境设计，前端NODE_ENV设置，后端通过application-xxx.yml来设置 通过命令或在文件里配置都可以 2.前端部署 需要 nginx 将dist扔到服务器中 nginx.conf配置location root 和 index 一定要使用root执行启动 3.后端部署 需要jdk maven 运行jar包 /etc/source 4.docker docker可以通过dockerfile构建自己的镜像 FROM workdir COPY CMD RUN 5.docker run -p 80:80 -d user-center-frontend:v0.0.1 docker run -p 8080:8080 user-center-backend:v0.0.1 前端项目访问：用户输入网址 => 域名解析服务器（把网址解析为 ip 地址 / 交给其他的域名解析服务） => 服务器 =>（防火墙）=> nginx 接收请求，找到对应的文件，返回文件给前端 => 前端加载文件到浏览器中（js、css） => 渲染页面 后端项目访问：用户输入网址 => 域名解析服务器 => 服务器 => nginx 接收请求 => 后端项目（比如 8080端口） 跨域问题:前端配置nginx 后端添加拦截器 注解方式 https://www.jianshu.com/p/b02099a435bd