How to serve an Angular 2 dist folder index.html
You can use http-server for doing so. First of all generate a build using the command ng build --prod --aot --output-hashing=none
. This will create a dist folder in your directory structure.
After this, run http-server ./dist
, which will start serving your project from dist folder.
Make sure you have installed http-server globally using
npm install http-server -g
For reference, see https://www.npmjs.com/package/http-server
At least for Angular apps, angular-http-server
seems to be a nicer option.
First install it with your prefered package manager, say
npm install angular-http-server -g
or
yarn global add angular-http-server
Then execute it:
angular-http-server --path path/to/dist/folder
Look at the repo for more information about usage.
PS: According the author, it should also work with other SPA frameworks (React, Vue and so forth).
PPS: Do not use angular-http-server
for production, use this solution for testing purposes only.
You need a server to serve your generated build.
I am using http-server. Install http-server using:
npm install -g http-server
now go inside your dist folder and run this command
http-server
as shown here:
Check http://localhost:8080 in your browser