windows安装nginx并配置前后端映射

本文档详细介绍了如何下载、安装并启动Nginx,包括解压、启动命令及查看进程。此外,还讲解了Nginx的配置步骤,如创建vhost文件夹、编写api.conf配置文件以实现前端和后端的路由,并引入扩展配置文件。最后,介绍了通过nginx-t检查配置正确性和使用nginx-s reload命令来重启Nginx服务。
摘要由CSDN通过智能技术生成

一、下载

http://nginx.org/en/download.html

二、安装启动

2.1 解压进入目录

2.2 启动

start nginx

2.3 查看任务进程

tasklist /fi "imagename eq nginx.exe"

三、配置

3.1 目录下新建vhost文件夹

3.2 新建扩展配置文件 api.conf

server {
	listen 9000;
	server_name 172.16.2.180;
	charset utf-8;
	
	# 前端匹配
	location / {
		# 跨域配置
        add_header Cache-Control "no-cache, no-store";
        add_header Access-Control-Allow-Origin "*";
        add_header Access-Control-Allow-Methods "*";
        add_header Access-Control-Allow-Headers "*";

        root   html;
        index  index.html index.htm;
    }
	
	# 后端匹配
	location /api/ {
        proxy_pass http://127.0.0.1:8099/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
} 

3.3 配置conf引入扩展配置文件

include e:/tools/nginx-1.20.1/conf/vhost/*.conf;

四、重启

4.1 查看配置正确性

nginx -t

4.2 重新加载

nginx -s reload
配置 Nginx前后端分离时,可以将静态资源(如 HTML、CSS、JavaScript 文件)交给 Nginx 处理,而将动态请求(如 API 请求)转发给后端服务器处理。以下是一个基本的配置示例: 1. 首先,确保你已经安装Nginx,并且后端服务器已经运行在某个端口上(比如 8000)。 2. 打开 Nginx配置文件,通常是位于 `/etc/nginx/nginx.conf` 或 `/etc/nginx/conf.d/default.conf`。 3. 在 `http` 块中加入以下配置: ``` server { listen 80; # 监听端口号 # 静态资源请求的处理 location / { root /path/to/frontend; # 前端静态资源的路径 index index.html; # 默认的首页文件名 try_files $uri $uri/ /index.html; # 优先尝试请求的文件,如果不存在则返回 index.html } # 动态请求的转发 location /api/ { proxy_pass http://localhost:8000; # 后端服务器的地址和端口号 } } ``` 这个配置中,`/path/to/frontend` 是你前端静态资源的路径,可以根据实际情况进行修改。`/api/` 是你后端请求的前缀,也可以根据实际情况进行修改。`http://localhost:8000` 是后端服务器的地址和端口号,请根据你的后端实际情况进行修改。 4. 保存配置文件并重启 Nginx 服务,使配置生效。 现在,Nginx 将会将静态资源请求(如 `/`、`/static/css/style.css` 等)直接返回前端静态资源文件,而将动态请求(如 `/api/users`)转发给后端服务器处理。这样就实现了前后端分离的配置
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值