工作问题记录 2020.10.01-2020.10.31_现场发布项目代码未生效-CSDN博客

本文档记录了2020年10月期间遇到并解决的一系列前端开发问题，包括但不限于百度站长统计代码失效、Vue项目跨域图片加载错误、移动端触摸事件处理、CSS文字省略及Vue环境下根据不同环境引入不同index.html文件的方法。

工作问题记录

- 2020
- - 2020.10

2020

2020.10

问题：百度站长统计添加统计代码后一直显示“代码未生效”状态

类型：HTML JS 百度统计
时间：2020/10/10

将meta标签的referrer策略设置为no-referrer-when-downgrade，具体如下 <meta name="referrer" content="no-referrer-when-downgrade" /> ，一般20分钟就可以转为代码安装正确状态，另附referrer取值表

属性值	详细描述
no-referrer-when-downgrade （默认值）	当请求安全级别下降时不发送 referrer。目前，只有一种情况会发生安全级别下降，即从 HTTPS 到 HTTP。HTTPS 到 HTTP 的资源引用和链接跳转都不会发送 referrer。
no-referrer	所有请求都不发送referrer。
same-origin	对于同源的链接和引用，会发送referrer，其他不发送referrer。
origin	会发送 referrer，但只会发送源信息。源信息包括访问协议和域名。
strict-origin （新加入的标准，有些浏览器可能还不支持。）	在安全级别下降时不发送 referrer；安全级别未下降时发送源信息。
origin-when-cross-origin	同源的链接和引用，会发送完全的 referrer 信息；但非同源链接和引用时，只发送源信息。
strict-origin-when-cross-origin （新加入的标准，有些浏览器可能还不支持。）	同源的链接和引用，会发送 referrer。安全级别下降时不发送 referrer。其它情况下发送源信息。
unsafe-url （最宽松而最不安全的策略）	无论是否发生协议降级，无论是本站链接还是站外链接，统统都发送 Referrer 信息。

问题：Vue项目本地服务器加载线上服务器图片资源报错403

类型：HTML
时间：2020/10/15

方法1：将meta标签的referrer策略设置为no-referrer，具体如下 <meta name="referrer" content="no-referrer" />
方法2：将请求到的图片链接前加上 https://images.weserv.nl/?url= ，通过将图片缓存到该网址的方式加载图片，例如 <img :src="'https://images.weserv.nl/?url=' + imageUrl">