How to output the port after the IP address in a resource URL in Django?

I finally found out how to fix the image URLs thanks to this question which is slightly different.

Solution 1

Add the port number in the Host header in the nginx config as follows:

    location / {        proxy_pass http://hello_django;        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;        proxy_set_header Host $host:1337;                               <<------- HERE        proxy_redirect off;    }

Solution 2

Change the Host header in the nginx config to http_host as follows:

    location / {        proxy_pass http://hello_django;        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;        proxy_set_header Host $http_host;                               <<------- HERE        proxy_redirect off;    }

In either case, the image URLs are now returned as follows by DRF (image link).

HTTP 200 OKAllow: GET, HEAD, OPTIONSContent-Type: application/jsonVary: Accept{    "count": 1,    "next": null,    "previous": null,    "results": [        {            "id": 2,            "user": 1,            "title": "First post",            "slug": "first",            "image_url": "http://0.0.0.0:1337/mediafiles/publisher/background.gif",    <----HERE            "content": "Second post content.",            "draft": false,            "publish": "2019-05-22",            "updated": "2019-05-22T09:41:36.257605Z",            "timestamp": "2019-05-22T07:58:01.471534Z"        }    ]}