Windows nginx安装教程及简单实践

Windows Nginx安装教程及简单实践

安装Nginx

1. 下载最新版本的Nginx for Windows，解压到需要安装的目录下。

2. 打开cmd命令行，进入Nginx所在目录的子目录nginx-1.21.0，启动Nginx服务。

cd D:\nginx-1.21.0\ //（假设Nginx解压到了D盘）
nginx.exe

如果提示端口被占用，可以修改Nginx的监听端口。在nginx.conf中修改如下：

http {
...
server {
listen 8888; #修改为其他未被占用的端口号
server_name localhost;
...

执行命令行 nginx.exe -s reload 重新加载配置文件，重启服务使修改生效。

配置Nginx

1. 在Nginx的安装目录下创建conf文件夹，并在该文件夹下新建一个 server.conf 文件。

2. 编辑 server.conf 文件，添加如下内容：

```
location / {
root html;
index index.html index.htm;
}

location /api {
proxy_pass http://localhost:3000;
}
```

表示访问根路径返回html文件，而访问/api路径则会转发到本地3000端口。

1. 在nginx.conf中添加 server.conf 的引用。

http {
...
include conf/server.conf;

简单实践

1. 在Nginx的安装目录下创建html文件夹，在该文件夹下创建一个 index.html 文件，编写一个简单的html界面。

2. 在该界面中添加一个发送Ajax请求的按钮。

<button onclick="sendRequest()">发送请求</button>

1. 在该界面中添加一个script标签，使用Ajax请求/api路径，输出请求结果。

```

```

1. 启动本地服务，访问http://localhost:8888/index.html，点击发送请求的按钮，即可在控制台看到请求结果。