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

1.背景

单独一个静态资源模块的开发,如何启动?一个一个页面在浏览器上访问显然不现实,css,js没引用进去不说,随便点个按钮就404了。此时使用nginx可以很好的解决这一问题。

环境:nginx 稳定版(我的是 nginx-1.17.0)

2.使用:

2.1 添加静态资源

图1:找到nginx安装目录——>图2:html文件夹——>图3:所有的静态资源粘贴进去
windows 环境下配置nginx访问静态资源_第1张图片
                                                                        图1
windows 环境下配置nginx访问静态资源_第2张图片
                                                                        图2
windows 环境下配置nginx访问静态资源_第3张图片
                                                                        图3

2.2 找到配置文件:nginx安装目录——>图4:打开conf文件夹——>图5:打开nginx.conf文件

windows 环境下配置nginx访问静态资源_第4张图片
                                                                        图4
windows 环境下配置nginx访问静态资源_第5张图片
                                                                        图5

2.3 打开nginx.conf 文件,添加以下配置:

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

3.dos启动nignx

windows 环境下配置nginx访问静态资源_第6张图片

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

windows 环境下配置nginx访问静态资源_第7张图片

5.关闭nginx

dos 中输入命令:nginx -s quit
windows 环境下配置nginx访问静态资源_第8张图片

页面可以正常访问,样式,页面之间的跳转都引用进来。配置完成!

你可能感兴趣的:(nginx技术篇)