Сайт Vue.js (использующий nginx, Django + gunicorn) обслуживается по неправильному url: www.myurl.com/static/ вместо www.myurl.com/.

Я использую Vue.js для фронтенда и Django RF для бэкенда моего проекта.

При локальной разработке проект работает как положено: корень проекта Vue функционирует по адресу localhost:8081/#/, а доступ к компонентам типа "Example.vue" осуществляется по адресу localhost:8081/#/example.

Я использую nginx на экземпляре AWS Ubuntu для обслуживания моего проекта. После запуска 'npm run build' мой проект успешно обслуживается и работает с моим бэкендом Django, как и ожидалось, однако только при доступе к проекту по адресу www.myurl.com/static. При переходе по адресу www.myurl.com мне открывается базовая html-страница, на которой написано "My Project is coming soon". Я должен был создать этот файл в какой-то момент, но не могу понять, где он находится в файловой системе ubuntu.

В конечном итоге мне нужно исправить все, что я неправильно настроил, чтобы переход по адресу www.myurl.com обслуживал мои файлы Vue.js.

Вот моя текущая структура файлов Vue: https://i.stack.imgur.com/haTC0.png

Вот как настроен мой статический путь в файле Django settings.py - я не уверен, что это повлияет на мою настройку для файлов Vue, однако я хотел включить его для справки: https://i.stack.imgur.com/fBNul.png

Вот мой файл nginx.conf: https://i.stack.imgur.com/21LhJ.png

Это мой файл проекта sites-available, который наследуется от nginx.conf: https://i.stack.imgur.com/juSNj.png

Если я не включил ничего полезного, пожалуйста, дайте мне знать.

Вернуться на верх