通过nginx实现线上页面访问本地接口

原创

京东技术 2022-11-30 13:29:25 ©著作权

文章标签 nginx html chrome 文章分类 运维

©著作权归作者所有：来自51CTO博客作者京东技术的原创作品，请联系作者获取转载授权，否则将追究法律责任

现在很多web项目是前后端分离的，后端程序员想在本地通过页面测试接口时有些不方便，这时我们可以利用nginx，将静态请求直接转到线上，将接口请求转到本地。

下载nginx windows版本，解压后在conf目录下新建自己的配置toutiao.conf

server {  
        listen       8088;  
        server_name  www.toutiao.im;  
  
        location / {  
            root   html;  
            index  index.html index.htm;  
        }  
  
        error_page   500 502 503 504  /50x.html;  
        location = /50x.html {  
            root   html;  
        }  
  
    location ~ /wenda {  
    allow 127.0.0.1;  
    allow 10.0.0.0/8;  
      
        deny all;  
  
        keepalive_timeout  300s;  
        proxy_set_header X-Forwarded-For $remote_addr;  
        proxy_http_version 1.1;  
"";  
//localhost:8083;
'*';  
    
    #access_log  /Users/shenhongxi/dev/nginx/logs/access.log combined;
    }  
  
    location  = / {  
        rewrite ^ /index.html;  
    }  
  
  
    location ~* \.(html|htm|js|css|png|jpg|gif|map)$ {  
    allow 127.0.0.1;  
    allow 10.0.0.0/8;  
  
    deny all;  
  
//www.toutiao.im;
    #root /Users/shenhongxi/work/360/wenda/code/wenda-static/;
        autoindex off;  
'*';  
    }  
}