Vue Router 中 mode 和 base 配置详解

在 Vue Router 中，'mode' 和 'base' 是两个重要的配置选项。

'mode' 用于指定路由的模式，有两种可选值：

• 'hash'（默认值）：使用 URL 的 hash 部分（即 '#' 后面的内容）来作为路由地址，例如 'http://example.com/#/home'。
• 'history'：使用 HTML5 的 'history' 模式来实现路由，即不带 '#' 的 URL 地址，例如 'http://example.com/home'。

'base' 用于指定应用的基础 URL，主要用于处理部署到非根路径的情况。默认情况下，基础 URL 是 '/'，即根路径。当应用部署到子路径时，需要将 'base' 设置为子路径的路径。例如，如果应用部署到 'http://example.com/my-app/'，则需要将 'base' 设置为 '/my-app/'。

综上所述，'mode: 'history'' 表示使用 HTML5 的 'history' 模式来实现路由，'base: process.env.BASE_URL' 表示应用的基础 URL 是从环境变量 'BASE_URL' 中获取的。这样配置后，路由地址将不带 '#', 并且可以适应应用部署到子路径的情况。