vue3项目发布到生产环境，并反向代理到后端数据连接

使用ConfigProvider，然后将locale设置为zhCN即可。

Web 性能是客观的衡量标准，是用户对加载时间和运行时的直观体验。Web 性能指页面加载到可交互和可响应所消耗的时间，以及页面在交互时的流畅度——滚动是否顺滑？按钮能否点击？弹窗能否快速打开，动画是否平滑？Web 性能既包括客观的度量如加载时间，每秒帧数和到页面可交互的时间；也包括用户的对页面内容加载时间的主观感觉。

[Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance. 使用js方式渲染h()函数节点时，控制台报警告，如下：方法一：将其更改为函数渲染即可方法二：设置默认插槽参考：https://blog.csdn.net/lys20000913/arti

页面设置和组件管理切换：使用自定义组件v-model实现。

本来发现问题，是因为后台记录到接收到的sessionId一直在变化，导致需要在同一个sessionId下处理的逻辑无法实现。后来才发现前端发的请求都没有带cookie，就是这里，我的之前是不带这个Cookie的。接口文件api.js中设置每次携带cookie。

浏览器页面警告：[Violation] Added non-passive event listener to a scroll-blockingevent. Consider marking event handler as 'passive' to make the page more responsive. See Chrome51 版本更新以后，增加了新的事件捕获机制－Passive Ev

目录1.路由1.1SPA1.2SPA 的页面切换机制1.3后端路由与前端路由1.3.1后端路由1.3.2前端路由1.4React.js 中的路由2.React Router2.1基于 Web 的 React Router2.1.1安装2.1.2概览3.基础3.1应用场景（一）3.1.1Router 组件3.1.2Route 组件3.1...

vuex中的变量是响应式的，数据存储在内存中，页面手动刷新后数据就丢失了，所以将数据放进sessionStorage(是存储到当前页面关闭为止，和其他tab页没关联)中另外也可以通过安装插件方式解决（以下三种方式都可以）：另外通过sessionStorage取出的数据是对象数组[Object,Object]格式，需要存储时通过JSON.stringify(payload)处理数据，取出时通过JSO

当使用npm run build打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了import Vue from 'vue'import Router from 'vue-router'import NProgress from 'nprogress'import 'nprog