Vue3+Vite 动态引入图片打包后生产环境不显示记录
Vue3+vite 项目中动态引入图片(非 public 目录)
今天在做项目的时候,使用动态路由配置,发现在 vue3+vite
项目中,动态引入图片,在开发环境中的时候,图片可以正常显示,但是打包构建后,部署生产找不到图片的,经过一番搜索,找到了解决方法,如下:
今天在做项目的时候,使用动态路由配置,发现在 vue3+vite
项目中,动态引入图片,在开发环境中的时候,图片可以正常显示,但是打包构建后,部署生产找不到图片的,经过一番搜索,找到了解决方法,如下:
不同的环境有不同的环境变量值很正常,开发环境连开发环境的后端,正式环境连正式的环境的后端.所以需要对不同的环境变量进行配置.不过Vite自己就内建处理这类需求的方法.