基于vite多页面实现多端同构开发和部署
💡
原文中文，约3400字，阅读约需9分钟。
📝
内容提要
该文章介绍了基于vite多页面的多端同构开发和部署的实现流程，通过创建多个页面文件并配置不同的入口，实现管理端和用户端的共用模块。建议每个端应用配置自己的路由，常用的路由分为hash模式和history模式。在生产环境中，可以根据url路由区分访问入口，实现不同端访问的资源内容不同。该方案可以减少多个应用的创建和多域名申请，实现工程模块中相同模块和资源的共享复用。
🎯
关键要点
- 文章介绍了基于vite多页面的多端同构开发和部署的实现流程。
- 通过创建多个页面文件并配置不同的入口，实现管理端和用户端的共用模块。
- 建议每个端应用配置自己的路由，常用的路由分为hash模式和history模式。
- 在生产环境中，可以根据url路由区分访问入口，实现不同端访问的资源内容不同。
- 该方案可以减少多个应用的创建和多域名申请，实现工程模块中相同模块和资源的共享复用。
- 管理端和用户端使用同一套状态管理机制，但入口和路由模块不同。
- 用户登录后根据角色判断访问权限，未授权用户需进行提示或重定向。
- hash模式和history模式的路由配置略有差异，history模式需服务端支持。
- history模式刷新页面可能出现404，通过配置代理解决该问题。
- 打包后生成两个入口文件，assets包含共用的资源内容。
- 生产环境根据url路由区分访问入口，并可配置白名单限制用户访问。
- 总结了基于vite多页面同构方案的优势，包括代码共享和减少应用创建。
➡️
