Vue.js (using nginx, Django, + gunicorn) site being served at wrong url: www.myurl.com/static/ instead of www.myurl.com/
I am using Vue.js for the frontend and Django RF for the backend of my project.
When developing locally, the project works as intended with the root of the Vue project functioning at localhost:8081/#/ and accessing components like "Example.vue" at localhost:8081/#/example.
I am using nginx on an AWS Ubuntu instance to serve my project. After running 'npm run build', my project is served successfully and works with my Django backend as expected, however, only if accessing the project at www.myurl.com/static. When navigating to www.myurl.com, I am served a basic html page that says "My Project is coming soon". I must have created this file at some point but cannot figure out where it lives in ubuntu file system.
Ultimately I need to fix whatever I've misconfigured so that navigating to www.myurl.com serves my Vue.js files.
This is my current Vue file structure: https://i.stack.imgur.com/haTC0.png
This is how my static path is configured with Django's settings.py - I am not sure if this would affect my setup for the Vue files, however, I wanted to include it for reference: https://i.stack.imgur.com/fBNul.png
This is my nginx.conf file: https://i.stack.imgur.com/21LhJ.png
This is my sites-available project file which inherits from nginx.conf: https://i.stack.imgur.com/juSNj.png
If I've failed to include anything that would be helpful, please let me know.