代码之家 › 专栏 › 技术社区 › J.E.Y

如何在apache上部署vuejs/flask项目

gunicorn apache2 flask vue.js python

0

J.E.Y · 技术社区 · 7 年前

我创建了一个简单的项目,vuejs作为前端,flask作为后端。

这个项目是按照这个例子建造的 here 因此,生成的文件结构类似于vuejs构建文件“dist”与驱动python脚本run.py位于同一文件夹中。

这个项目经过测试,在本地运行良好,现在我在尝试将它部署到digitalocean托管的Ubuntu服务器上时遇到了问题。

我跟踪了这个 article 为了学习如何部署,这篇文章写得很好,但我认为我需要稍微更改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是我的文件结构中“dist”下的标准vuejs文件夹。

1 回复 | 直到 7 年前

1

0

J.E.Y 7 年前

我发现这个问题与Flask项目的部署方式无关—它与vuejs前端的配置有关。

例如,如果我的项目名为“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