Nginx windows环境下发布Angular10 (webpack 打包)

Nginx 首先先下载nginx 解压.

解压出现目录如下.

第二步, 打包angular,我的angular项目是generator-jhipster生成的, 直接执行 npm run webpack:prod, 打出开发环境.

把项目里 target\classes里面的 static文件夹直接复制进nginx的html目录里面,


然后开始配置 nginx 目录下config/nginx.conf

从上到下 红线依次解释,

1.HA备用.
2.nginx发布端口
3.刚刚复制过去的static的路径,nginx 目录下的html里面
4.不加这句话angular的子路由会失效
5. /services/**的请求代理

配置完成之后就输入start nginx启动nginx, 然后在浏览器输入localhost:8012,刚才配置的端口就可以访问了

接下来就是几个nginx的常用命令(在nginx目录下使用):

验证配置是否正确: nginx -t

查看Nginx的版本号：nginx -V

启动Nginx：start nginx

快速停止或关闭Nginx：nginx -s stop

正常停止或关闭Nginx：nginx -s quit

配置文件修改重装载命令：nginx -s reload