如何在 Live Server (Digital Ocean) 中部署 Angular App？

Posted 2023-03-08

【中文标题】如何在 Live Server (Digital Ocean) 中部署 Angular App？

【英文标题】：How to deploy Angular App in Live Server (Digital Ocean)?

【发布时间】：2019-01-20 20:53:03

【问题描述】：

我已将我的应用程序上传到 Digital Ocean 服务器，但它似乎无法正常工作，这是我的应用程序的链接 http://138.68.21.3/pos/。输入此地址后，当您刷新页面时，它会显示“未找到”和“在此服务器上找不到请求的 URL /pos/login。”

我不知道我在实时服务器中部署 Angular 应用程序的步骤是否正确：

第 1 步：我输入了ng build --prod

第二步：复制dist文件夹中的文件并粘贴到根目录

有谁擅长在实时服务器中部署 Angular 应用程序？我需要你们的帮助:(

【参考方案1】：

为此，您需要像这样在 AppRoutingModule 中使用 useHash。

@NgModule(
imports: [RouterModule.forRoot(routes,  useHash: true )],
exports: [RouterModule]
)

还有添加

<base href="./"> instead <base href="/"> inside index.html

希望这会有所帮助。

有什么问题可以问我。

【讨论】：

感谢您的快速回复，我已经尝试过此解决方案，但仍然没有成功。

仅供参考，如果您在嵌套文件夹中创建了路由...那么您将不得不制作 base: './nested_pa​​th/'