Javascript Guru mediation 403使用从reddit获取的图像预览链接时出错

因此，基本上我一直在尝试从reddit.com/r/wallpers获取墙纸链接，并使用axios在vue文件中的一些图像中使用它们。 但是，在检索时，预览链接

（postObjList[0].data.preview.images[0].source.url）

给了我上述错误，即使我试图在chrome地址栏上手动输入它们。问题出在哪里？如何解决

<template>
      <div class="hello">
        <img id= "test" src="" alt="">
      </div>
    </template>

    <script>

    const axios = require('axios')
    export default {
      name: 'HelloWorld',
      props: {
        msg: String
      },
      created() {
        axios.get('https://www.reddit.com/r/wallpapers.json')
        .then(response => {
          let postObjList = response.data.data.children
          console.log(postObjList)
          let thumbnail = postObjList[0].data.preview.images[0].source.url
          console.log(thumbnail)
          document.getElementById("test").src = thumbnail
        })
      }
    }

常量axios=require（'axios'）
导出默认值{
名称：“HelloWorld”，
道具：{
msg:String
},
创建（）{
axios.get（）https://www.reddit.com/r/wallpapers.json')
。然后（响应=>{
让postObjList=response.data.data.children
console.log（postObjList）
让缩略图=postObjList[0]。数据。预览。图像[0]。源。url
console.log（缩略图）
document.getElementById（“test”）.src=缩略图
})
}
}

获取了一个旧的reddit线程，该线程已经回答了相同的问题。

至于为什么

&导致403错误，我不清楚。但是，它提供了有用的信息

供日后参考