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

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(笔者就遇到了在谷歌浏览器无法访问,但是火狐浏览器可以访问的现象)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值