浅谈Windows环境前端使用Nginx反向代理（跨域）

浅谈Windows环境前端使用Nginx反向代理（跨域）

2025-06-11: 更新https

大部分时候前端开发使用webpack/vite等构建工具，都有自带的proxy代理功能，配置好后npm run serve/npm run start启动就ok了。
但有时候只有html的静态文件，或者想测试一下打完包的代码能否正常使用，这时候就可以通过Nginx进行反向代理。

下载Nginx

这部很简单，直接官网下载稳定版就ok了（传不了图片不知道莫名其妙）
下载完后解压，进入目录，双击nginx.exe，看到对话框一闪而灭就是启动了。访问localhost，出现Welcome to nginx!

修改默认配置

主要修改server下的配置

http {
	server {
        listen       80; # 端口号，直接用http默认的80就行
        server_name  localhost;