第一次发表博客实在不知道写点什么,今天开发的时候由于public文件夹中的静态资源路径错误导致静态资源访问不到,那么今天就说说vue项目中public文件吧。
vue项目public文件夹的作用
Vue项目的public文件夹用于存放静态资源,如图片、字体等。项目在打包的时候,打包工具webpack等将不对public下面的文件进行构建和压缩的处理。而直接将public下的文件直接放到根目录下。
public下文件的使用
1,使用/开头直接访问public 目录下的资源
2,当项目部署在嵌套的公共路径下,我们需要指定
base 配置项,那么静态文件的使用就必须根据构建配置文件动态调整,访问的时候加上全局注入port.meta.env.BASE_URL变量,它的值就是公共基础路径,vite.config.js中配置的base。
使用的时候先全局引入,然后拼接到路径上