如何在公共_html的子目录中正确托管Vue.js应用
💡
原文英文，约700词，阅读约需3分钟。
📝
内容提要
在公共_html子目录中部署Vue.js应用时，需要配置基础路径、Vue Router和服务器设置。确保在vite.config.js或vue.config.js中设置正确的子目录路径，并通过.htaccess处理路由。完成后，构建并上传dist文件夹内容，清除缓存后测试应用。
🎯
关键要点
- 在公共_html子目录中部署Vue.js应用时，可能会遇到空白页面、缺失资源或路由失败的问题。
- Vue默认假设应用托管在域的根目录，需要在子目录中部署时正确设置路径。
- 第一步：在vite.config.js或vue.config.js中设置正确的基础路径。
- 第二步：如果使用Vue Router，更新基础选项以匹配子目录。
- 第三步：为Apache配置.htaccess文件，以正确处理Vue的历史模式路由。
- 第四步：构建并上传dist文件夹内容，确保不上传dist文件夹本身。
- 第五步：清除浏览器缓存并测试应用，确保一切正常加载。
- 确保检查vite.config.js或vue.config.js、路由设置和.htaccess文件以解决可能的问题。
➡️
