Как запустить локально vue cli на убунту по ссылке?

Question

[Иван]

Есть проект vue cli. Через npm run serve запускается, но неохота каждый раз это писать и перезапускать, надо по ссылке типо mysite. Настраиваю виртуальный хост. В файл hosts добавил, в папке /etc/apache2/sites-avialable создал вот такой виртуал хост, активировал sudo a2ensite mysite. Бекенд на ларавеле, тоже потом надо как то связать.

<VirtualHost *:80>
ServerName mysite
ServerAdmin webmaster@localhost
DocumentRoot /var/www/mysite
<Directory "/var/www/mysite">
Options FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
</Directory>
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

При переходе в браузере на http://mysite, выдает
403 forbiden You don't have permission to access this resource.
Как правильно это запустить, и где еще настраивать?

Answer 1

[Aetae]

serve - это только для разработки, доступ соответственно есть только с локалхоста.
Можно разрешить доступ с других хостов, но не рекомендуется.

Comments

[Иван]

Это понятно. А как настроить чтоб запускать локально не npm run serve и адрес localhost:8080, а по ссылке вида mysite ?

[Aetae]

Иван, 0_о
Сделать npm run build и положить готовый сайт(html+js+css) из папки ./dist в /var/www/mysite?
Или у вас проблемы сервером? Так это не к vue вопрос.

[Иван]

Aetae, Бинго, запускается. Но если можно, может подскажите как в таком случае подружить его с бекендом на ларавеле? По идее это делается в файлах .env и .env.development.local. А вот как все прописать, не совсем понимаю.

[Aetae]

Иван, как вообще бэкэнд с фронтэндом дружат? Где-то во фронте есть адреса серверов, откуда он берёт данные, вот и всё. В .env просто лежат переменные окружения по умолчанию. Внутри они доступны как process.env.<имя>.