Cómo acceder a recursos de imágenes en recursos en idea en vue front-end

Solución:

Coloque los archivos de recursos en el directorio público del proyecto front-end de Vue y luego acceda a estos recursos a través de HTTP. Por ejemplo, copie las imágenes en el directorio de recursos en IDEA al directorio público/images del proyecto front-end de Vue y luego podrá acceder a estas imágenes a través de http://localhost:8080/images/xxx.png?.

Empaquete las imágenes en el directorio de recursos en IDEA en un paquete jar, luego use el código Java o el código Node.js en el proyecto front-end de Vue para descomprimir el paquete jar y guarde los archivos de imagen en el directorio público. Luego se accede a estos recursos a través de HTTP.

Cargue las imágenes en el directorio de recursos de IDEA a los servicios de almacenamiento en la nube, como Alibaba Cloud OSS, Qiniu Cloud, etc. Luego use el SDK en el proyecto front-end de Vue para acceder a estos servicios de almacenamiento en la nube, obtener la URL del recurso y luego acceder a estos recursos a través de HTTP.

Cabe señalar que al acceder a recursos HTTP en un proyecto front-end de Vue, es necesario lidiar con problemas entre dominios. Puede configurar reglas CORS en el servicio backend o utilizar un servidor proxy en el proyecto frontend para resolver problemas entre dominios.