如何将angular-fullstack应用程序迁移到具有基本URL的域

Question

I have a fairly complicated issue in that I originally developed a MEAN app with the Yeoman fullstack-angular generator with no base URL. In development http://localhost:9000/ worked just fine.

Moving into production, I'm using a reverse Apache proxy with a particular path example.com/foo to serve http://localhost:9000 . Now when I load up example.com/foo I get a bunch of 404 errors (of course) because eg example.com/app, example.com/bower_components don't exist.

I'm a little out of my league here and no where to start, is there some Express/Angular/etc config variables I should be looking at to help with this migration?

server/config/express.js yielded no hints and I can't find anything in the Grunt file to make wiredep compile the correct links. Or maybe there is even a way to do this in Apache...

Answer 1

To clarify, the issue was that I need to deploy a MEAN app behind a base URL /foo. Do that I:

1) Used the following Apache rules:

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

2) Now we just need to just make all requests go to example.com/foo/whatever. Edit the base tag in index.html to be:

<base href="/foo/" />

3) Made all hrefs and service calls relative instead of absolute (Angular providers works with the <base> tag)