vite.config.js 中设置base的具体用法

在 Vite.js 中，可以通过 `vite.config.js` 文件来配置应用的一些选项，其中包括 `base` 选项。

`base` 选项用于指定应用部署的基础路径，也就是应用在服务器上的 URL 路径。默认情况下，`base` 选项的值为 `/`，表示应用部署在服务器的根路径下。

如果应用部署在服务器的非根路径下，比如 `https://example.com/my-app/`，就需要使用 `base` 选项来指定该路径。具体用法如下：

// vite.config.js
export default {
  base: '/my-app/'
}

这里，`base` 的值为 `/my-app/`，表示应用部署在 `https://example.com/my-app/` 路径下。

在应用中使用 `base` 选项的值时，可以通过 `import.meta.env.BASE_URL` 来获取。例如，可以在应用中使用 Vue Router 时，将 `base` 值传递给 `createRouter` 方法：

import { createRouter, createWebHashHistory } from 'vue-router'

const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes
})

这样，Vue Router 就会使用 `base` 值来设置路由的基础路径，从而正确地处理应用中的路由跳转。