为什么我vue项目中public文件夹需要通过./文件路径获取而不是 /文件路径，通过/文件路径获取到的文件部署后会获取不到解惑

Vue项目中public文件夹路径获取问题？

AI BotBETA

在Vue项目中，public文件夹通常用于存放公共资源，如CSS、JavaScript文件等。它的路径可以通过相对路径或绝对路径来获取。

相对路径是指相对于当前文件的路径。例如，如果你的public文件夹位于与当前文件同一目录下，你可以使用"./public"来获取它。相对路径的好处是它可以在不同的项目结构中灵活地使用，因为它是相对于当前文件的路径。

绝对路径是指从项目根目录开始的完整路径。例如，如果你的public文件夹位于项目根目录下，你可以使用"/"来获取它。绝对路径的好处是它总是指向同一个位置，无论你在哪个文件中使用它。

在Vue项目中，如果你通过"./public"来获取public文件夹，那么在构建项目时，Webpack会将public文件夹的内容复制到构建目录下的public文件夹中。这样，当你部署项目时，公共资源文件将位于正确的位置，并且可以通过"./public"来访问它们。

然而，如果你使用"/"来获取public文件夹，那么Webpack可能会将公共资源文件复制到构建目录下的其他位置，因为在构建过程中可能会进行一些文件重命名或移动操作。这样，当你部署项目时，公共资源文件可能不在预期的位置，导致无法通过"/"来访问它们。

因此，为了确保在部署时能够正确地访问公共资源文件，建议在Vue项目中始终使用"./public"来获取public文件夹。

2 个回答

得票最新

先看看是不是部署在子目录了

新手上路，请多包涵

大概率是这个问题你可以看看：https://ai.kowoso.cn/question/156.html

撰写回答

推荐问题