[Nginx]Nginx搭建简单的静态资源服务器

小鱼儿 2022-12-03 05:11 380阅读 0赞

1.安装nginx（windows方法，mac直接用brew即可）  
在nginx官网下载压缩包解压即可

nginx一些简单的命令：
    nginx start             开启nginx服务
    nginx -s reload			重启nginx服务
    nginx -t                检查nginx.conf是否有语法错误
    nginx -s stop           快速停止或关闭
    Nginx：nginx -s quit    正常停止或关闭

2.nginx.config中新加入一个server配置  
注意：nginx默认的那个server配置监听的端口为8080，最好改成其他（比如9000），防止与vue默认监听端口（也是8080）冲突

#自己定义的server
        server{
            listen 8081;
            #监听端口为8081
            server_name resource;
            root C://Users//HASEE//Desktop//resource;
            #静态资源存放地址，注意这里最好用'//'，'/'会带来一些转义问题
            #比如'\r'会被转义成空格，导致访问不到
            autoindex on;
            #浏览列表
            location / {
                add_header Access-Control-Allow-Origin *;
                #支持跨域访问
            }
            add_header Cache-Control "no-cache,must-revalidate";
            #每次访问都不读缓存，需要重新验证（防止在新加入资源的时候读缓存了，看不到新加的资源）
            #文件不是经常变动的话可以注释此句
        }

3.开启nginx，浏览器访问localhost:8081  
4.如果出现跨域拦截的话，可以换一个浏览器试试，如果换一个浏览器可以正常访问，那么可能是之前那个浏览器的缓存导致的，可以在network选项中勾选disable cache（笔者就遇到了在谷歌浏览器无法访问，但是火狐浏览器可以访问的现象）