在内容型 Web 系统（新闻/文章/活动/公告）中，一个高频问题是： 页面在浏览器里显示正常，但分享到微信、Slack、飞书、Twitter、Facebook、LinkedIn 后，卡片标题、摘要、封面图错误或缺失。 很多团队第一反应是“前端动态改 <meta> 就好”，但在 SPA（Vue/React）里这通常不可靠。本文从工程角度给出一套可落地方案： 后端动态注入 meta，结合 Nginx 路由与缓存策略，稳定兼容主流抓取器。 一、问题根因：浏览器用户 vs 抓取机器人看到的不是同一阶段内容 1）…
如题，有需求需要配置某个页面只能从iframe中访问，不能由浏览器直接访问 nginx配置如下(通过检查http_referer来实现)： server { listen 80; server_name example.com; location /restricted-page.html { set $is_iframe 0; # 检查请求是否来自iframe if ($http_referer ~* "^https?://[^/]+/") { set $is_iframe 1; } # 如果不是来自iframe…
如果网站没有安装统计分析代码，或者没有开发专门的统计分页功能，想要简单的做一些统计分析，可以使用nginx的日志，前提是前端的服务器使用的是nginx 一般来说nginx的访问日志路径是 ，大部分nginx服务器是在linux下运行的，这里以linxu举例 统计所有的PV数 cat access.log | wc -l 统计当天的PV数 cat access.log | sed -n /`date "+%d\/%b\/%Y"`/p | wc -l 统计指定某一天的PV数 cat access.log | sed -…
因为域名有限，所以想把vue项目部署在某个域名的二级路径上，例如：https://www.example.com/someapp/下 nginx的配置如下： location ^~ /someapp/ { index index.html; alias /opt/someapp/; try_files $uri $uri/ /someapp/index.html; } 在/opt/下新建someapp目录，里面放的就是vue项目打包后的html文件 修改路由文件：router/index.js，主要是history…
在JSP里，获取web base来加载静态资源： if (request.getServerPort() == 80 || request.getServerPort() == 443) { return request.getScheme() + "://" + request.getServerName() + request.getContextPath(); } else { return request.getScheme() + "://" + request.getServerName() + ":"…
应用使用nginx代理后端的tomcat应用程序，最近发现有个问题，偶尔请求nginx的时候，会出现502错误，经查，原因为nginx 请求服务端为http1.0 从而使用了短连接，并发的时候导致连接中断，所以修改了nginx 往服务器请求为http 1.1 为长连接，在此记录下，配置文件修改如下： location / { proxy_pass http://127.0.0.1:8080; proxy_set_header Host $host; proxy_set_header X-Real-IP $remot…
使用nginx代理后，后端应用服务器得到的端口是还是应用本身的端口号(例如8080)，而nginx对外的端口号是18080，我们希望应用服务器检测到的端口也是18080 例如如下代码： request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath(); 配置如下，主要增加了 proxy_set_header Host $host:18080; 指定端口号，这…
在发生重大哀悼事件时候，需要紧急将网站变灰以示哀悼，在此给大家总结了几种方法，通过简单修改一下站点样式即可实现。 另外主要方便快捷的方法是使用CSS样式的grayscale()方法。 grayscale() : 对图片进行灰度转换，grayscale是 <filter-function> 的子属性，当100%参数时候的效果如下： 最简单地把页面的<html>开始标签中间之间加： style="-webkit-filter: grayscale(100%);" 或者修改站点CSS样式 html…
因为域名有限，所以想把vue项目部署在某个域名的二级路径上，例如：https://www.example.com/someapp/下 nginx的配置如下： location ^~ /someapp { #proxy_read_timeout 1800; #proxy_connect_timeout 1800; #proxy_send_timeout 1800; try_files $uri $uri/ /index.html; root /var/website/; } 在/var/website下新建somea…
实现一个简单的视频点播服务器，nginx就可以直接实现了，我们事先准备好需要点播的视频资源，假设存放在服务器的目录下 配置1： # 客户端这样访问：http://192.168.1.100:8080/vod/1.mp4 location /vod/ { alias /storage/vod/; mp4; limit_rate 20000k; } 配置2： # 客户端这样访问：http://192.168.1.100:8080/1.mp4 location ~ \.mp4 { root /storage/vod; m…
