如何将angular-fullstack应用迁移到有基础URL的域名

Question

我有一个相当复杂的问题，因为我最初使用Yeoman base issue angular生成器开发了一个没有基本URL的MEAN应用程序。在开发过程中，http://localhost:9000/运行得很好。

进入生产环境后，我将使用具有特定路径example.com/foo的反向Apache代理来为http://localhost:9000提供服务。现在，当我加载example.com/foo时，我得到了一堆404个错误(当然)，因为example.com/app，example.com/bower_component不存在。

我在这里有点超出我的能力范围，不知道从哪里开始，有没有一些Express/Angular/etc配置变量可以帮助我进行迁移？

server/config/express.js s.js没有产生任何提示，并且我在Grunt文件中找不到任何东西来让wiredep编译正确的链接。或者甚至在Apache中有一种方法可以做到这一点。

Answer 1

为了澄清，问题是我需要在一个基本的网址/foo后面部署一个平均的应用程序。我会这样做：

1)使用以下Apache规则：

RewriteEngine on
RewriteRule ^/foo/(.*)$ http://localhost:9000/$1 [P]

2)现在我们只需要把所有的请求都转到example.com/foo/任何地方。将index.html中的基本标记编辑为：

<base href="/foo/" />

3)使所有href和服务调用都是相对的，而不是绝对的(Angular providers使用<base>标签)