将 Angular SSR 应用程序托管到 Vercel 时出现问题

Problem in hosting Angular SSR app to Vercel

提问人:Rishabh Shukla 提问时间:11/16/2023 更新时间:11/17/2023 访问量:53

问:

我正在将我的旧 Angular SSR 应用程序升级到 v17 并将其托管在 Vercel 上。问题是: 在此 URL https://space-x-upgrade.vercel.app/launchList 上,该页面似乎与服务器保持同步 - “网络”选项卡中没有对 JSON 的 API 调用,并且视图源显示完整的标记,但 https://space-x-upgrade.vercel.app 的行为方式不同。我的应用程序中只有 1 个组件,即 launchList。 有人可以指导我正确的路由设置来解决此问题吗?我尝试添加和删除redirectTo,但没有用。

Angular 服务器端渲染 vercel

评论


答:

-1赞 Rishabh Shukla 11/17/2023 #1

所以正如我所期望的那样,问题出在我的 Vercel 配置上。 经过数小时的反复试验,我决定将框架更改为“无”:Build Configuration

然后为了覆盖 Vercel 命令,我在 vercel.json 中指定了 devCommand:

vercel.json

部署后,当我点击默认路由时,它被呈现在服务器上。为面临类似问题的任何人记录此处的修复程序。

新应用网址:https://space-x-liart.vercel.app

评论

0赞 Sefat Anam 11/28/2023
请考虑更深入地添加,这个解决方案根本没有用,我已经尝试过了,但没有用
0赞 Rishabh Shukla 12/2/2023
@SefatAnam:你面临的问题是什么?我将根据这一点来构建我的答案。
0赞 Sefat Anam 12/3/2023
我想要在 vercel 中以零配置直接部署。好消息是我已经实现了这一点。在您的解决方案中,我应该在哪里创建api / index.js文件令人困惑,或者我应该将其添加到tsconfig文件中,这些事情尚不清楚。
0赞 Rishabh Shukla 12/4/2023
@SefatAnam:知道了。但现在我想知道您如何在没有任何配置的情况下在 Vercel 上托管 SSR 应用程序。你能为我指出正确的方向吗?
0赞 Sefat Anam 12/5/2023
我建议你在版本 17 中创建一个 SSR 应用程序,然后使用 vercel 中的默认配置直接主机,你会得到答案。提示:angular.json 中有一些魔力@RishabhShukla