如何在apache上部署vuejs/烧瓶项目

Question

我创建了一个简单的项目，vuejs作为前端，烧瓶作为后端。

该项目是按照示例这里构建的，因此生成的文件结构类似于vuejs构建文件"dist“与驱动python脚本run.py的文件夹相同。

​

​

该项目经过了测试，在本地运行良好，现在我遇到了问题，试图将它部署到我的由数字海洋托管的Ubuntu服务器上。

我遵循这个文章来学习如何部署--这篇文章写得很好，但我相信我需要稍微修改apache文件文章，以指定我的项目的静态文件，如屏幕截图所示。

问题是怎么做？我不知道。当我逐字逐句地关注这篇文章并启动这个web应用程序时，它显示出了如下错误：

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

静态是我的文件结构中"dist“下的标准vuejs文件夹。

Answer 1

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

我需要调整vuejs的配置文件中assetsPublicPath的设置，以使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