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.
- Apache + hosts fileAntoniossss– Antoniossss2020-09-24 13:01:20 +00:00Commented Sep 24, 2020 at 13:01
- stackoverflow.com/questions/17652373/…JohnWayne– JohnWayne2020-09-24 13:02:27 +00:00Commented Sep 24, 2020 at 13:02
- Does this answer your question? How to change the URL from "localhost" to something else, on a local system using wampserver?JohnWayne– JohnWayne2020-09-24 13:02:48 +00:00Commented Sep 24, 2020 at 13:02
- I am looking solutions with angular.Sathiamoorthy– Sathiamoorthy2020-09-24 13:10:42 +00:00Commented Sep 24, 2020 at 13:10
- Duplicate: stackoverflow.com/questions/37762125/…Boban Stojanovski– Boban Stojanovski2020-09-24 13:16:13 +00:00Commented Sep 24, 2020 at 13:16
| Show 1 more comment
2 Answers
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 
2 Comments
baryo
notice that under the same path (
architect.serve.options) there's the useful allowedHosts property that receives an string[] of domains.
Sebastián Rojas
And for using https?
Add a line in hosts file:
127.0.0.1 my-custom-domain.com But this will require port to be specified anyway. You'll have to use my-custom-domain.com:4200.
To use default port :80, use as a reference this post
If you want to run multiple sites on the same port, but serve different domains, use Nginx or Apache as a proxy.
Here is a sample server config for nginx:
server { listen 80; server_name my-custom-domain.com; location / { proxy_pass http://localhost:4200; } } 