nuxt中访问外部图片链接 403

原创已于 2023-01-04 16:50:33 修改 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端框架

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

vue 同时被 3 个专栏收录

8 篇文章

订阅专栏

javaScript

2 篇文章

订阅专栏

nuxt.js

1 篇文章

订阅专栏

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

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' },
    ]
  },