1.下载nginx
nginx下载地址
下载稳定版本
2.解压
解压到任意目录下, 目录路径中不能有中文,否则会出先无法启动nginx的错误
3.启动和停止
直接双击运行目录下的nginx.exe即可启动
在当前目录下的cmd中运行以下命令即可停止
nginx -s quit
4.部署网站
网站的静态文件需要放到目录下的html文件夹中
如果不想放在这个目录下,需要修改conf文件夹下的nginx.conf配置文件
root参数是指定网站文件所在的目录
如果部署的是vue react打包好的网站文件,网站的路由并不是真实物理路由,所以用try_files,路径都指向根目录下的index.html
5.端口转发
在nginx.conf中添加
location /api/ {
rewrite ^/api/(.*)$ /$1 break;
proxy_pass http://localhost:8012;
}
这个配置的作用是将所有访问ip/api的请求转发到http://localhost:8012
例如访问 http://ip/api/getData接口,实际上访问的是 http://localhost:8012/getData接口
rewrite ^/api/(.*)$ /$1 break;
但是我们的接口实际上并不是像 /getData 只有一层,而是像 /user/login/login 多层嵌套,如果不配置上面这句rewrite ^/api/(.*)$ /$1 break;,那只能转发到/user这一层,后面的几层会报404错误,这一句的作用是自动匹配后面的路径地址。