乐闻世界logo
搜索文章和话题

Vite 如何设置的 public path ?

5 个月前提问
3 个月前修改
浏览次数192

1个答案

1

在Vite中,公共路径(也称为base URL)是您的应用在服务器上的基路径。这通常在处理生产环境中的资源路径时非常重要。例如,如果您希望所有资源都从某个特定的子路径加载,您可以设置一个公共路径。

要在Vite中设置公共路径,您需要在项目根目录下的vite.config.js文件中修改或添加base选项。以下是设置公共路径的方法:

javascript
// vite.config.js import { defineConfig } from 'vite'; export default defineConfig({ // 设置为应用服务的基础路径 base: '/my-sub-path/' // 其余配置... });

在这个例子中,假设您想要将所有资源部署到服务器上的/my-sub-path/路径下。当您构建应用时,Vite将自动将base选项指定的路径添加到所有资源前面。

请注意,如果您是在本地开发环境下工作,base通常设置为默认值'/',因为您的资源位于本地服务器的根路径。但是在部署到生产环境时,尤其是当您的应用没有部署在域的根路径时,设置base是非常重要的。

此外,base路径应该以斜杠/开始,并且也以斜杠结束。

如果您的资源托管在特定的CDN上,您也可以将base设置为完整的URL:

javascript
// vite.config.js import { defineConfig } from 'vite'; export default defineConfig({ // 例如,使用CDN base: 'https://cdn.example.com/my-sub-path/' // 其余配置... });

在这种情况下,所有的资源链接都会被编译成以指定的CDN URL为前缀。这可以确保生产环境中的资源能够正确地从CDN加载。

2024年6月29日 12:07 回复

你的答案