windows下使用 nginx部署静态页面（两个静态项目文件）

比眉伴天荒 2024-03-16 07:16 117阅读 0赞

### 下载nginx ###

*  下载  
    地址：[http://nginx.org/en/download.html][http_nginx.org_en_download.html]
 *  安装，解压即安装。

### 部署 ###

#### 1、将项目文件放到自己的目录下 ####

![在这里插入图片描述][a08e970cf6e349d2b64e4c24b7a1a9ac.png]

#### 2、配置nginx的conf文件 ####

![在这里插入图片描述][31a38203adb0489d8e40983a013d6508.png]

server {
            listen       80;
            server_name  localhost;
    
            location / {
            }
    		
    		location ^~/ls-frontend-api {
    			alias D:/my/nginx-1.20.2/mytest/ls-frontend-api/dist/;# 修改成自己存放的地址
    			index index.html;
    			try_files $uri $uri/ /index.html;
    		}
    		
    		location ^~/fed/vmd {
    			alias D:/my/nginx-1.20.2/mytest/vmd-ui/dist/;# 修改成自己存放的地址
    			index index.html;
    			try_files $uri $uri/ /fed/vmd/index.html;
    		}
    }

*  指定访问的路径和项目存放的位置，注意使用/，而不是  
    ![在这里插入图片描述][7d4c3f912c31436dac1791cdcfd1fd05.png]

#### 3、启动nginx ####

记一下关闭nginx的命令：  
在nginx.exe文件所在目录下cmd打开窗口，输入：nginx -s stop  
![在这里插入图片描述][bfc7d6f696c44b57a12dda1916bac7a1.png]

#### 4、访问 ####

![在这里插入图片描述][24c701ccaa9a4fb0be9a3d0f096814c7.png]  
![在这里插入图片描述][93e89802161b4d718fff84a249a9e164.png]

结束！！！  
hy:8

--------------------

清闲是一切财富中最难得的。---苏格拉底

[http_nginx.org_en_download.html]: http://nginx.org/en/download.html
[a08e970cf6e349d2b64e4c24b7a1a9ac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/76e8857a7bee4f41ad11c78c8241df51.png
[31a38203adb0489d8e40983a013d6508.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/f3509c163d724ef19f6c19487092e1cc.png
[7d4c3f912c31436dac1791cdcfd1fd05.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/de2cb4b7e3d54dd68ffcfe45f111c66d.png
[bfc7d6f696c44b57a12dda1916bac7a1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/7f39000d52834ce99d068f6ea734e0b2.png
[24c701ccaa9a4fb0be9a3d0f096814c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/279b5e41fcae4547bccaf9259eca3b9a.png
[93e89802161b4d718fff84a249a9e164.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/96180655d7b34b6c92a75b2449a72de4.png