nuxt中访问外部图片链接 403

web_long

已于 2023-01-04 16:50:33 修改

阅读量1.8k

点赞数

分类专栏： vue nuxt.js javaScript 文章标签： vue.js 前端框架

于 2022-07-13 19:34:49 首次发布

本文链接：https://blog.csdn.net/web_long/article/details/125771031

版权

vue 同时被 3 个专栏收录

8 篇文章

订阅专栏

javaScript

2 篇文章

订阅专栏

nuxt.js

1 篇文章

订阅专栏

本文指导你在Nuxt项目中遇到403错误时，如何通过设置`referrer`头部和修改本地hosts来解决图片防盗链问题。首先，更新nuxt.config.js的meta部分，然后考虑支付功能可能带来的影响并适当调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

nuxt中访问外部图片链接 403

1、在nuxt.config.js文件中找到meta
2、在 meta 中添加 { name: ‘referrer’, content: ‘no-referrer’ },配置保存即可

head: {
    title: process.env.npm_package_name || 'GoFunny',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1,user-scalable=0' },
      { name: 'referrer', content: 'no-referrer' },
      { hid: 'description', name: 'description', content: '' }
      //在此处添加
      { name: 'referrer', content: 'no-referrer' },
    ]
  },