angularcustom-domain

Custom domain instead of localhost - Angular


Development purpose I want to start my Angular application with custom-domain instead of localhost

Is any other way available?

I am able to find solutions for php but I didn't find solutions for the angular application.


Solution

  • Update your angular.json

    This is what you should do:

    "projects": {
        "project-name": {
            ...
            "architect": {
                "serve": {
                    "options": {
                      "host": "customdomain.baz",
                      "port": 80
                    }
                }
            }
        }
    }
    

    Update your host file if you are on mac/ linux

    go to /etc/hosts

    ##
    ##
    # Host Database
    #
    # localhost is used to configure the loopback interface
    # when the system is booting. Do not change this entry.
    ##
    127.0.0.1       customdomain.baz // or whatever your domain is
    255.255.255.255 broadcasthost
    ::1             localhost