在不同环境中前缀Angular2路由

Question

假设您正在开发一个在localhost:3000上运行的Angular2应用程序。你所有的路线都可以正常工作。

但您希望部署到myserver.com/myapp/，以便生产中的路线现在以myapp/为前缀。现在你的路线都会中断，因为Angular2会在前端解析自己的路线。

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

Answer 1

您可以在＆＃34;脚本＆＃34;中的package.json文件中添加以下行。部分。

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

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

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