通过 perl 服务器提供 ionic vue 构建不起作用

Posted 2023-03-23

【中文标题】通过 perl 服务器提供 ionic vue 构建不起作用

【英文标题】：Serving ionic vue build through perl server is not working

【发布时间】：2021-09-24 15:34:31

【问题描述】：

我有一个 perl 应用程序，想将它的一部分更改为 ionic 应用程序。

我正在使用 ionic build 构建我的 ionic vue 应用程序，并在 perl 控制器中重定向到生成的 dist 目录中的 index.html 文件。

没有错误什么的，但是页面的内容是空的。缺少 html 元素：

通常在 ion-router-outlet 内部有 ion-page 等元素。

我正在使用调用它的脚本启动服务器

use Catalyst::ScriptRunner;
Catalyst::ScriptRunner->run('My::PWA::Demo', 'Server');

当我使用serve -s dist（与npm install -g serve 一起安装）为 dist 文件夹提供服务时，一切都按预期工作。还加载了一些更多的 javascript 文件。

有没有人知道当使用“serve”而不是通过 perl 服务器提供页面时页面正确显示的原因是什么？

编辑：我对仅 vue 的应用程序做了同样的事情，并且一切正常，所以也许只有 ionic 部分是一个问题。

【参考方案1】：

使用 vue 路由器的 hash 模式（https://next.router.vuejs.org/guide/essentials/history-mode.html#html5-mode）它可以工作，但我仍然不知道如何让它在 html5-mode 下工作