403是防止盗链的错误（这种设计，是api厂商正常保证自己的服务器不被刷流量）

方法一：使用no-referrer
这种方案不仅针对图片的防盗链,还可以是其他标签.
1.头部添加一个meta

<meta name="referrer" content="no-referrer" />

2.对应的标签上添加属性

referrer的几种状态
<!-- a标签的referrer -->
<a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a>

<!-- img/image标签的referrer -->
<img referrer="no-referrer|origin|unsafe-url" src="{ {item.src}}"/>
<image referrer="no-referrer|origin|unsafe-url" src="{ {item.src}}"></image>

<!-- element 标签的referrer -->

 <el-image
      style="width: 100px; height: 100px"
      :src="url"
      :preview-src-list="srcList"
      :initial-index="4"
       :referrerpolicy='no-referrer'
      fit="cover"
referrerpolicy:'no-referrer'
 
referrer-policy
原生属性 referrerPolicy
 
3. 访问OSS时出现403状态码的排查方法-阿里云
 
第一种方案不好用，访问背景图仍报403，问了下后台，公司用的是OSS图片资源，于是找到了下面的资料
 
 阿里云后台配置：
 
				
最近遇到了个问题，用v-bind动态绑定img的src，图片加载不出来。控制台显示src是有获取到图片地址的，可是就是加载不出来。
最后才发现原因原来是浏览器中直接显示’./img/img1.png’，也就是没有经过编译的步骤，直接将获取到的数据当作字符串显示。
解决方法：
1.在当前界面全局import图片地址
//使用import引入
import img1 from './img/img1.png'
import img2 from './img/img2.png'
export default {
  data() {
    return {
      imgList[
  class="upload-demo"
  action="http://127.0.0.1:8001/waterSet/imageWaterSet/1"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-remove="beforeRemove"
  multiple
  :limit="3"
				
文章目录学习链接效果图后台建表评论表（重要）用户表实体类CommentUserCommentDTO（重要）WebConfig配置配置跨域和静态资源文件夹Mybatisplus相关类MyBatisPlusConfig 配置分页插件CommentMapperCommentMapper.xmlCommentServiceImpl评论接口CommentControllerPageUtilsResult其它相关类和配置启动类application.ymlpom.xml前台
程序员老罗B站项目视频
JS操作文
富文本中复制百度百科的一份知识，在项目预览时发现图片显示不出来，报403问题，
图片地址用新网址打开正常显示
原因：403是防止盗链的错误（这种设计，是api厂商正常保证自己的服务器不被刷流量）
方案一：使用no-referrer
在head 中添加
 <meta name="referrer" content="no-referrer" />
防盗链的机制：
通过页面的referrer信息，判断访问者来源，是否本站点，然后对图片等请求作出相应
no-referrer：
				
最近使用elementUI的el-image发现经常会出现加载src失败的情况，问题估计就是el-image的src路径一旦初始化加载失败的话就没有异步刷新：
解决办法：
1.给:src设置默认值，避免图片加载失败的情况
2.加v-if判断:src中的value值是否为空或者:src的key值是否存在，是则加载图片，否则不加载
3.vue项目error方法绑定once，为避免同一个失败链接无限触发error（加载失败后再次请求图片的方法）
<el-image  v-if="leftImage !== undefined" lazy
         :src='leftImage' :preview-src-list="[leftImage]"
         class="leftImage">
</el-image> 
如果有谁知道，请...
 * @fileoverview
 * - Using the 'QRCode for Javascript library'
 * - Fixed dataset of 'QRCode for Javascript library' for support full-spec.
 * - this library has