Vite+vue3发布后使用的静态图片无法显示Failed to construct ‘URL‘: Invalid URL
1.使用官方引用静态资源处理,需要把图片放在public里面
getImageUrl(name) { return new URL(`./img/${name}.png`, import.meta.url).href }
2.本地运行项目中可以显示图片,但是发布后报Failed to construct ‘URL’: Invalid URL错误,是因为把 esbuild 构建目标设置为 es2020 或更高版本
import vue from "@vitejs/plugin-vue"; export default { base: "/", plugins: [vue()], optimizeDeps: { include: ["schart.js"], }, build: { target: "es2020", }, optimizedeps: { esbuildoptions: { target: "es2020", }, }, };
你是什么样的人,便会遇到什么样的人;你想遇到什么样的人,就得先让自己成为那样的人。