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

POOPE

前端的工作过程里，本地开发、提供测试环境，总得有个用着顺手的服务器软件，这个场景里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配置(场景)

相关帖子

centos+nginx+uwsgi部署django项目上线详解

什么是IDE（集成开发环境）？

Linux下玩转nginx系列（八）---如何使用upsync模块实现动态负载均衡

Linux中LVS负载和Nginx负载区别是什么？优劣势汇总！

种草 Vue3 中几个好玩的插件和配置

Win11 25163.1000测试版更新内容一览

Linux服务器下安装配置Nginx的教程

在Linux里安装和启动nginx的方法

经纬恒润全链路测试平台，助力智能驾驶技术落地应用

nginx启ssi方法，宝塔面板nginx开启ssi

POOPE LV4