前端开发用得着的nginx配置(场景)

发布时间:2022-04-24 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了前端开发用得着的nginx配置(场景)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

前端的工作过程里,本地开发、提供测试环境,总得有个用着顺手的服务器软件,这个场景里nginx很流行。

介绍两个好用的配置项:rewrITe try_files @xxxx

rewrite

比较常见,主要用于将带版本号的静态文件路径替换成本地文件路径

例如人人网发布文件路径里面包含一个a0000的版本号,通过下面这句配置就能将http://xnimg.cn/a0001/js/base.js换成http://xnimg.cn/js/base.js直接影射到本地目录结构中。

复制代码 代码如下:

rewrite "^/a?([0-9]+)/(.*)" /$2 last;

try_files

尝试在本地的多个路径中查找需要的文件,如果依然没找到才会返回404。下面配合@xxx配置实现一个更方便的功能。

location @xxx

这样定义了一个可以供其他配置调用的“请求处理方法”(handler),结合try_files如果本地没找到自动去线上取回指定文件。

if ( $document_uri ~*"^/[ab]?([0-9]+)/(.*)"){
  set $no_version_path /$2;
}

location / {
  try_files $document_uri $no_version_path =404;
  error_page 404 = @online;
  LOG_not_found off;
}

location @online{
  Proxy_pass http://$host:80/$REQUEST_URI
}

第一个if语句是一个匹配,把$2第二个分组值(去掉版本号的路径)保存到变量$no_version_path;

try_files的顺序:有版本号的路径、没有版本号的路径、如果404 调用@online;

@online中用$host,$request_uri这两个nginx变量拼出请求的文件路径直接代理请求到线上。

这样配置的服务器,只需要在本地存放你所关心的几个静态文件,其他不需要调试的文件全部代理到线上,省得每次花时间更新自己不关心的工程代码。

脚本宝典总结

以上是脚本宝典为你收集整理的前端开发用得着的nginx配置(场景)全部内容,希望文章能够帮你解决前端开发用得着的nginx配置(场景)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: