服务器部署项目：跨越多类型项目的挑战

部署包含不同类型项目的项目时，处理它们的跳转至关重要。在给定的情况下，项目一部分是 Vue 项目（由 dist 文件夹表示），一部分是 HTML 项目。

解决方案：建立路径连接

为了使跳转有效，必须建立正确的路径连接。关键是确保路径指向 dist 文件夹，同时确保 HTML 文件可访问。

在 Vue 项目中创建新文件夹：

vue-composition-api-best-practices

Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。

下载

立即学习“前端免费学习笔记（深入）”；

• 在 Vue 项目中创建名为 abc 的新文件夹，位于 public 目录下。
• 将 HTML 文件放置在 abc 文件夹中。

通过这种方法，当你访问 Vue 项目时，路径将正确指向 dist 文件夹，同时 HTML 文件将可以通过路径访问。相对于根目录的访问路径将类似于：

/public/abc/html_file.html

请注意，路径可能会有所不同，具体取决于您的项目结构。关键是要确保路径准确并允许对所有所需文件的访问。