I'm working on upgrading my current frontend crud site (php/codeigniter) to vue 2 (graphql backend). Lets call the new site frontend.site. On the old site, I could upload images to a folder in the old site project (something like ./assets/images/products/), do some processing (resize for thumbnail), save the file name in the mysql database record for the product, and then http:// link them in other sites/projects. Pretty simple.

Now that I'm using vue and have to build this project before deploying it, I'm not sure what folder to upload my images. I tried putting them in a folder in my vue project (@/assets/images/products) but every build erases the folder and files. They aren't being imported in this project because it is a crud site used to manage products and their images, so vue deletes them on build.

Ideally I'd like to:

• Build and deploy the new site (frontend.site).
• Use this site to create/edit my products and upload images for said products
• save them in a folder in the vue application (frontend.site) and then save the filename in the database and use it to build the url when rendering the product information.
• link to them in my other sites used to showcase these products.

I can't wrap my head how this would work using vue. The other factor is the graphql backend that updates the products with graphql queries. I thought of saving images to a folder there and linking to them in my other projects, but I don't know if it is ideal, and I also would want to use the same domain name as my frontend when I link the images (such as http://frontend.site/assets/images/products/widget.jpg

Am I making any sense and if so am I going about this the right way?