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

下载nginx

  • 下载
    地址:http://nginx.org/en/download.html

  • 安装,解压即安装。

部署

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

windows下使用 nginx部署静态页面(两个静态项目文件)_第1张图片

2、配置nginx的conf文件

windows下使用 nginx部署静态页面(两个静态项目文件)_第2张图片

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;
		}
}
  • 指定访问的路径和项目存放的位置,注意使用/,而不是
    windows下使用 nginx部署静态页面(两个静态项目文件)_第3张图片

3、启动nginx

记一下关闭nginx的命令:
在nginx.exe文件所在目录下cmd打开窗口,输入:nginx -s stop
windows下使用 nginx部署静态页面(两个静态项目文件)_第4张图片

4、访问

windows下使用 nginx部署静态页面(两个静态项目文件)_第5张图片
windows下使用 nginx部署静态页面(两个静态项目文件)_第6张图片

结束!!!
hy:8


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

你可能感兴趣的:(nginx,nginx,运维,静态页面,部署)