Vue.JS：「IMG」标签的「src」指定的图片路径正确，但是图片无法显示，报错「403」

Nephilim 2024-05-11

Tips：一些记录，一些笔记

2024/05/11

SATURDAY

桓宽在《盐铁论》中写道「富在术数不在劳身,利在势局不在力耕」。

错误描述

发生错误时：

仔细观察，会发现造成错误的原因是：「strict-origin-when-cross-origin」

而报错的图片的地址：

https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2874262709.jpg

其实访问是没问题的：

解决方法

在页面上增加「meta」标签：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer">
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>

再看页面，就没问题了：

END

温馨提示

如果你喜欢本文，请分享到朋友圈，想要获得更多信息，请关注我。

文章转载自Nephilim，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。

Vue.JS：「IMG」标签的「src」指定的图片路径正确，但是图片无法显示，报错「403」

评论