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

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

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

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

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

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

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

发表评论

表情:
评论列表 (有 0 条评论,353人围观)

还没有评论,来说两句吧...

相关阅读

    相关 动态静态服务器

    [搭建动态静态服务器][Link 1] Nginx做静态资源服务器优于Tomcat 区分静态资源,动态资源请求 使用域名区分!   如果是动态资源请求  反向代理