问题
I am building the application in Angular, now I have run the command ng build --prod which gave me a dist folder. Now how to check or serve that folder on Localhost ?
回答1:
You can do that using http-server.
First install the package globally
npm install http-server -g.
Then inside your project directory(in the terminal) just run
http-server dist/.
And if your are using angular 6.x.x, You have to run
http-server dist/your-project-name
Now you can visit http://localhost:8080 to view your application
回答2:
In my case I did next:
Install http-server globally
npm install http-server -g
Then inside the project directory (in the terminal), I run
http-server dist/[your-project-name]
Now you can visit http://localhost:8080/index.html to view your application. But when I restart the browser page I have to add again /index.html into URL.
It works in Angular 7.x.x version.
回答3:
windows platform
- Install wamp server -->
https://wampserver.en.softonic.com/ and start.
- your dist folder files copy to c:/wamp/www/(your project name)/
- And create .htaccess file redirect your index.html.
(http://www.htaccesstools.com/htaccess-faq/)
- Next run browser http://localhost/(your project name)
ubuntu platform
- Install lamp server -->
https://www.linode.com/docs/web-servers/lamp/install-lamp-stack-on-ubuntu-16-04/ and start.
- your dist folder files copy to /opt/lampp/htdocs/(your project name)/
- And create .htaccess file redirect your index.html.
(http://www.htaccesstools.com/htaccess-faq/)
- Next run browser http://localhost/(your project name)
回答4:
From Terminal:
$ npm install http-server -g
From Angular Project Dir. Lets say your Angular project name is ngx.
$ ng build
$ http-server dist/ngx
Starting up http-server, serving dist/ngx
Available on:
http://127.0.0.1:8080
http://192.168.43.54:8080
Hit CTRL-C to stop the server
Enjoy!
来源：https://stackoverflow.com/questions/51129053/how-to-run-the-dist-folder-on-local-machine-in-angular-6