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相同