码迷,mamicode.com
首页 > 其他好文 > 详细

使用nginx启动angular项目

时间:2018-08-16 23:46:13      阅读:312      评论:0      收藏:0      [点我收藏+]

标签:拷贝   name   server   下载   serve   使用   error   task   img   

参考链接:https://www.cnblogs.com/kingkangstudy/p/8085642.html

1.下载nginx:http://nginx.org/en/download.html

 

技术分享图片

点击下载即可。

2.将ng build 后的dist里的文件全部拷贝到 nginx的html目录中,如

技术分享图片

3.修改conf文件

技术分享图片

 

 在http{....} 中新增一个server

技术分享图片

server {
listen 8081;
server_name localhost;
location / {
root D:/mcy/nginx-1.14.0/html/taskmgr;
index index.html;
try_files $uri $uri/ /index.html;
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}

 

4.运行nginx,然后就可以访问了.

如:我上面新增的server :http://localhost:8081 即可。

 

ps:技术分享图片

 

使用nginx启动angular项目

标签:拷贝   name   server   下载   serve   使用   error   task   img   

原文地址:https://www.cnblogs.com/maochunyan/p/9490574.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!