将流量重定向到具有端口号的域，而不在URL中显示端口号

Question

I have Node.js/Angularjs/Gulp application running on www.myurl.com:3001 and I would like to have a "clean" URL www.myurl.com. So I would like to redirect the traffic from www.myurl.com to www.myurl.com:3001, which is pretty straight foreward with a .htaccess mod rewrite condition. But what I get is now a redirect from www.myurl.com to www.myurl.com:3001 and I would like to see the application running on port 3001 under the URL without any additional port, so that any user that visits the URL www.myurl.com sees the application running on www.myurl.com:3001, but has a "clean" URL without any port number in his browser:www.myurl.com.

What would be the best way to do it? Here´s what I got so far:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.myurl.com [NC]
RewriteRule (.*) http://www.myurl.com:3001/$1 [R=301,L]

Any hints or help would be appreciated, thanks!

Answer 1

You can't just redirect it, as that will always show the port.

You need to configure a reverse proxy in Apache. This can be done like in this StackOverflow answer and would look a little like this in your apache configuration:

<VirtualHost *:80>
    ServerAdmin admin@myurl.com
    ServerName myurl.com
    ServerAlias www.myurl.com

    ProxyRequests off

    <Proxy *>
        Order deny,allow
        Allow from all
    </Proxy>

    <Location />
        ProxyPass http://localhost:3001/
        ProxyPassReverse http://localhost:3001/
    </Location>
</VirtualHost>

Answer 2

Two methods

1. change port number

   Listen 3001

http://httpd.apache.org/docs/2.2/mod/mpm_common.html#listen

2. Reverse proxy

   <VirtualHost *:80> ProxyPreserveHost On ProxyRequests Off ServerName www.myurl.com ServerAlias myurl.com ProxyPass / http://myurl.com:3001/ ProxyPassReverse / http://myurl.com:3001/ </VirtualHost>