nginx配置代理前端项目

1、下载合适的nginx包

选择合适的版本,下载windows安装包

2、在本地解压并打开

其中,nginx.exe是nginx的启动文件;conf中nginx.conf为nginx配置文件,html用来存放打包后的前端代码。

3、nginx.conf配置文件修改

找到server部分,在listen位置配置不合本地其他项目冲突的端口号

4、配置前端打包好的项目

在location /中root位置配置本地存放打包文件的dist文件夹路径,eg: D:\dist

也可以将打包后的文件放到nginx文件夹中html文件夹下

5、解决刷新页面丢失问题

6、配置后端服务转发

proxy_pass位置处换成需要代理的IP 地址