在不同环境中为 Angular2 路由添加前缀

Question

假设在开发中您正在开发一个在localhost:3000 上运行的 Angular2 应用程序。您的所有路线都运行良好。

但是您想部署到myserver.com/myapp/，这样您的生产路线现在将以myapp/ 为前缀。现在你的路由都中断了，因为 Angular2 在前端解析了它自己的路由。

有没有一种方便的方法可以在一个环境中为所有 Angular2 路由添加前缀而不是在另一个环境中添加前缀？

Answer 1

您可以在 package.json 文件的“脚本”部分添加以下行。

"build_prod": "ng build --prod --extract-css=false --base-href=/myapp/",

然后，当您构建用于生产的工件时，请在终端中运行 npm run build_prod。

将 dist 的内容上传到您的服务器。它会起作用的。