Estoy trabajando para actualizar mi sitio crud frontend actual (php/codeigniter) a vue 2 (graphql backend). Llamemos al nuevo sitio frontend.site . En el sitio anterior, podía cargar imágenes en una carpeta en el proyecto del sitio anterior (algo así como ./assets/images/products/), realizar algún procesamiento (cambiar el tamaño para la miniatura), guardar el nombre del archivo en el registro de la base de datos mysql para el producto, y luego http:// vincúlelos en otros sitios/proyectos. Bastante simple.

Ahora que estoy usando vue y tengo que compilar este proyecto antes de implementarlo, no estoy seguro de en qué carpeta cargar mis imágenes. Intenté ponerlos en una carpeta en mi proyecto vue (@/assets/images/products) pero cada compilación borra la carpeta y los archivos. No se están importando en este proyecto porque es un sitio basura que se usa para administrar productos y sus imágenes, por lo que vue los elimina en la compilación.

Idealmente me gustaría:

• Cree e implemente el nuevo sitio ( frontend.site ).
• Usar este sitio para crear/editar mis productos y cargar imágenes para dichos productos
• guárdelos en una carpeta en la aplicación vue ( frontend.site ) y luego guarde el nombre del archivo en la base de datos y utilícelo para construir la URL cuando represente la información del producto.
• enlace a ellos en mis otros sitios utilizados para mostrar estos productos.

No puedo entender cómo funcionaría esto usando vue. El otro factor es el backend de graphql que actualiza los productos con consultas de graphql. Pensé en guardar imágenes en una carpeta allí y vincularlas en mis otros proyectos, pero no sé si es ideal, y también me gustaría usar el mismo nombre de dominio como mi interfaz cuando vinculo las imágenes (como como http://frontend.site/assets/images/products/widget.jpg

¿Estoy teniendo algún sentido y, de ser así, estoy haciendo esto de la manera correcta?