基于vite多页面实现多端同构开发和部署
原文中文，约3400字，阅读约需9分钟。
📝
内容提要
该文章介绍了基于vite多页面的多端同构开发和部署的实现流程，通过创建多个页面文件并配置不同的入口，实现管理端和用户端的共用模块。建议每个端应用配置自己的路由，常用的路由分为hash模式和history模式。在生产环境中，可以根据url路由区分访问入口，实现不同端访问的资源内容不同。该方案可以减少多个应用的创建和多域名申请，实现工程模块中相同模块和资源的共享复用。
❓
Q&A
如何实现基于vite的多端同构开发和部署？
通过创建多个页面文件并配置不同的入口，实现管理端和用户端的共用模块。
vite多页面开发中，如何配置路由？
建议每个端应用配置自己的路由，常用的路由分为hash模式和history模式。
hash模式和history模式的路由配置有什么区别？
hash模式的路由不需要服务端支持，而history模式需要服务端支持，否则刷新页面可能出现404错误。
如何解决history模式下刷新页面出现404的问题？
可以通过配置代理，将访问的路由指向本地开发服务器目录文件来解决该问题。
在生产环境中如何根据url路由区分访问入口？
可以根据资源的访问路径，将其指定到不同的应用入口，并在服务端配置检测客户端的userAgent。
基于vite的多端同构方案有哪些优势？
该方案可以实现代码共享、减少多个应用的创建和多域名申请，以及多个应用之间的相互关联交互。
🏷️
