windows环境 配置nginx 访问静态资源服务

1.需求

修改一个纯静态资源的项目(只有css,js,html等文件),改了后怎样启动看到效果呢,浏览器上可以直接打开一个html页面,但页面接的跳转、样式等都无法引入,还是不能看到整体效果。此时使用nginx 可以解决这一问题。

环境:nginx ( nginx-1.17.0)+ win10

2.使用:

2.1 将静态资源添加到nginx 安装目录中的html文件夹下(方便配路径,也可以不添加到此处,根据自己的绝对路径配置)

图1:找到nginx安装目录——>图2:html文件夹——>图3:所有的静态资源粘贴进去
在这里插入图片描述
                                                                        图1
在这里插入图片描述
                                                                        图2
在这里插入图片描述
                                                                        图3

2.2 nginx配置文件中配置:(nginx安装目录conf—>nginx.conf文件)

在这里插入图片描述
                                                                        图4
在这里插入图片描述
                                                                        图5

2.3 添加配置:
#服务
server {
    #端口号
    listen       8082;
    #服务名
    server_name  localhost;
    #nginx根目录
    location / {
        #html文件夹
        root   html;
        #首页
        index  index.html index.htm;
    }
}

3.dos启动nignx

在这里插入图片描述

4. 浏览器访问:这里访问的url和nginx配置文件中一致

在这里插入图片描述

5.关闭nginx

dos 中输入命令:nginx -s quit
在这里插入图片描述

页面可以正常访问,样式,页面之间的跳转都引用进来

-------------------分界线---------------------------------------------------

最近发现一种更快捷的启动静态服务方式:

idea 中打开任一html文件,右键,浏览器打开就可以直接启动静态服务了,效果和nginx相同

在这里插入图片描述

在这里插入图片描述