как развернуть проект vuejs / flask на apache

Question

Я создал простой проект с vuejs в качестве внешнего интерфейса и колбой в качестве внутреннего.

Проект был построен по примеру здесь , таким образом, результирующая файловая структура похожа на то, что файлы сборки vuejs "dist" находятся в той же папке, что и сценарий движущегося скрипта python, run.py .

Проект был протестирован и работает локально, теперь я столкнулся с проблемами, пытаясь развернуть его на своем сервере Ubuntu, размещенном на digitalocean.

Я следовал этой статье , чтобы узнать, как развернуть - статья была хорошо написана, но я полагал, что мне нужно изменить конфигурационный файл apache (/etc/apache2/sites-available/000-default.conf ) немного указать статические файлы моего проекта, как показано на скриншоте.

Вопрос в том, как? Я не знаю. Когда я следил за статьей слово за словом и запускал веб-приложение, оно показывало ошибки вроде:

Loading failed for the <script> with source “http://my_website.com/static/js/manifest.0e78d562f6b86d93f516.js”. vue-amazon:1:1

static - это стандартная папка vuejs в разделе "dist" в моей файловой структуре.

Answer 1

Я обнаружил, что проблема не имеет отношения к способу развертывания проекта Flask - она ​​касается конфигурации внешнего интерфейса vuejs.

Мне нужно настроить параметр assetsPublicPath в конфигурационном файле vuejs в правильном месте, где index.html может найти запутанные javascripts.

Например, если мой проект называется «ABC», и я хочу, чтобы URL выглядел следующим образом:

http://my-site.com/ABC

Мне нужно иметь это в конфигурационном файле vuejs:

env: require('./prod.env'),
index: path.resolve(__dirname, '../../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '../../ABC/dist/',

до того, как я бегу

npm run build