angular项目部署使用nginx做代理

您所在的位置:网站首页 angular部署 angular项目部署使用nginx做代理

angular项目部署使用nginx做代理

2023-12-18 01:28| 来源: 网络整理| 查看: 265

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 启动



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3