vite 请求public资源

Vite 是一个基于 Vue 的前端构建工具，它强调快速启动和即时刷新，适合现代 Web 开发。当你在 Vite 中需要请求公共资源，如静态文件（如 CSS、JavaScript、图片等），通常会通过 `import` 或 `<link>` 标签直接引用。

1. **静态资源导入**：对于JavaScript和CSS文件，可以在`.js` 或 `.vue` 文件中使用 `import` 导入，并且Vite默认就会处理这些资源，它们会被自动地打包并放在正确的目录下。

// 引入CSS
import './styles/main.css';

// 引入JS
import '@/plugins/myPlugin.js';

2. **HTML 直接引用**：如果你需要在HTML模板中引入公共资源，可以使用相对路径或者绝对路径：

<!-- 引入CSS -->
<link rel="stylesheet" href="/static/styles/main.css">

<!-- 引入图片 -->
<img src="/images/my-image.jpg">

3. **配置alias**：Vite允许你设置别名，这样你可以使用简短的名称代替实际的资源路径，例如在`.viterc.js`中：

export default defineConfig({
  alias: {
    '@public': resolve('src/public'),
  },
});

现在你就可以在代码里使用`@public`来访问`src/public`下的资源了。