qq_34306228的博客

目标：封装集成多家LLM模型，基于openai的标准进行输入输出。

permission中和上面类似src/views/chat/layout/sider/index.vuesrc/views/chat/layout/sider/List.vue这里也是触发它对应的方法，触发它对应的动作src/views/chat/layout/sider/Footer.vue这里做的都是加载的，都是符合上述所说的规范的setting组件也就是这个页面：Message/index.vue这里页面上显示的是这块内容：相当于这里也是基于会话的维度做了一层封装

这里的接口和上述service服务端的接口是映射起来的src/utils/request/index.tspost方法这里做的就是调用httphttphttp也就是这里的axiossrc/utils/request/axios.ts这里的service就是axiosLayout布局页面-viewsviews/pages 模板home 首页user 用户页list 列表页detail 详情页exception 异常页目录结构：使用的是 tailwind css

先进行clean清空，清空完成后会重新打包找到入口 src/index.ts，然后找到tsconfig.json文件，通过下面的代码，就能找到配置的文件encode-bundle.config.ts:根据这些配置的文件，通过src/index.ts作为入口，我们就能打包，打包之后的产物之后就会放到build下express cors类似的抽离的config文件的目录：上述内容中所涉及的方法：=> fetchUsage():上述的第三方的请求也就是Open-ai的这个请求：上述这个请求也就

针对所有的路由进入之前，通过自定义的接口，进行用户身份session的有效期的校验，当用户session无效的时候，都会清除掉用户的有效token，并且通过路由守卫在beforeEach的阶段进入到我们的无效页面。如果要做骨架屏，需要做接口渲染之前，页面骨架屏的渲染的话，就可以像这样把 layout 基本层级创建出来，这样，在数据渲染之前，会展示一个兜底的加载态。这种方式，是主应用给子应用去下发功能，主应用作为我们的基座，它能够对外暴露的场景。一些初始的设置，中文，英文，暗色，亮色等都在这里创建好。

从vue的角度出发，怎么借助ai的场景去体现vue的专精度从前端的视角分析，当面对中大型场景下，怎么搭建一个项目AI+前端。