工作问题记录 2020.10.01-2020.10.31

---

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">

---

问题：Vue中移动端禁止触摸滑动事件

类型：Vue
时间：2020/10/23

为了自动滚动列表上禁止触摸滑动以避免样式出错，在禁止触摸滑动事件的元素上添加 @touchmove.prevent ，示例代码如下

---

问题：css省略过长文字

类型：CSS
时间：2020/10/27

单行文字省略

多行文字省略

---

问题：Vue项目在开发环境和生成环境引入不同的index.html

类型：Vue
时间：2020/10/29

在vue.config.js文件中配置如下