我有以下文件夹结构
.
├── public
├──└──images
├──└── image1.png
├──└── image2.png
├── src
├── vite.config.js
└── [...]虚拟配置文件
const path = require('path')
export default {
root: path.resolve(__dirname, 'src'),
server: {
port: 3000,
hot: true
},
publicDir: 'public'
}如何访问公共文件夹下的图像？我尝试从浏览器
但它显示"未找到"
有人能帮帮我吗？
1条答案
按热度按时间cbwuti441#
根据文件here
公共目录
用作普通静态资产的目录。此目录中的文件在开发期间在/中提供，并在生成期间复制到outDir的根目录，并且始终按原样提供或复制而不进行转换。该值可以是绝对文件系统路径，也可以是相对于项目根目录的路径。
因此publicDir必须相对于您设置的根地址，因此您需要将根地址更改为src之上的文件夹，或者更改
publicDir路径。