Angular 5 error 404 when copying dist to webserver

Question

I made a simple Angular 5 cover to say that I'm still constructing this website. ng serve works fine locally, but now I wanted to host this on my schools website here and I get all these 404 resources not found and all I did was copy whats in the dist/ folder after running ng build --prod to the www/ folder on the webserver.

It's angular 5 with this cli version:

 "@angular/cli": "~1.7.1",
"@angular/compiler-cli": "^5.2.0",

I tried to push another one to github-pages and this has the same problem githubpages the repo is repo but it's almost an empty repo.

Laiso · Accepted Answer · 2018-03-15 08:29:57Z

8

You need to add --base-href parameter when you build your application, like this:

ng build --prod --base-href /~320255eg/

Where /~320255eg/ represents the path to your application.

answered Mar 15, 2018 at 8:29

Laiso

2,6503 gold badges19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Burst of Ice Over a year ago

Sounds plausible, I'll definitely try this! and I just bought a domain what url do I have to use there it's like this: www.blabla.be, will no --base-href work here?

Laiso Over a year ago

When you app is hosted directly under the root folder of your domain, you won't need to set it, notice that by default, its value is set to / (root)

user4676340 Over a year ago

Your base href will be what you put after the first slash of your domain name, for instance in your github pages it will be /underconstruction

Laiso Over a year ago

Yes! :) It's the same

Laiso Over a year ago

So building your app with the --base-href some-path will update this <base-href="/"> tag.

|

Collectives™ on Stack Overflow

Angular 5 error 404 when copying dist to webserver

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related