nginx 代理 angular 发布外网

添加nginx代理

location /abcd{
proxy_pass http://1111.111.111.111:4200/abcd; proxy_redirect off;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;
client_max_body_size    1000m;
}

angular使用如下命令启动

ng serve --host 0.0.0.0 --base-href /abcd/ --deploy-url /abcd/ --disable-host-check

--base-href 相当于虚拟路径
--deploy-url 意思是静态文件部署到 /abcd/目录下
注意两个目录前后斜杠都需要.

然后进入浏览器访问 http://domain:port/abcd
即可访问.