angular项目部署使用nginx做代理
1.nginx 安装:
参考:https://blog.csdn.net/zuoyigehaizei/article/details/93061002
https://blog.csdn.net/by0920/article/details/87937646
2. 在angular项目下执行:ng build命令:命令执行完会生成dist文件夹dist/DeviceAdmin
例如我打包好了我的angular项目:/home/deviceweb/DeviceManageWeb/dist/DeviceAdmin
进去centos系统 在nginx/html 下放入dist内打包好的文件: /home/deviceweb/DeviceManageWeb/dist/DeviceAdmin。
3.修改nginx的conf配置文件:
server {
listen 8080;
server_name 0.0.0.0;
#charset koi8-r;
#access_log logs/host.access.log main;
location /{
# root /usr/share/nginx/html/DeviceAdmin/; (说明:在nginx/html 下放入dist内打包好的文件)
root /home/deviceweb/DeviceManageWeb/dist/DeviceAdmin/; #(说明:也可把dist内打包好的文件目录放在这里)
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
}
try_files $uri $uri/ /index.html; // 注意此句,一定要加上。否则配置的子路由等无法使用
3. 重启nginx服务:/usr/local/nginx/sbin/nginx
4. nginx配置相关:
/var/log/nginx/error.log;
/etc/nginx//nginx.conf
/usr/share/nginx/html
命令:/usr/local/nginx/sbin nginx -s stop 停止,nginx 启动
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
