如何在vuejs中访问具有Axios令牌API?

lp0sw83n  于 2023-06-22  发布在  iOS
关注(0)|答案(1)|浏览(146)

我有一个API,它有一个JSON文件,我会从Axios获取信息,但它有令牌,我不知道如何使用它,任何人都可以帮助我?这里是API
您可以在https://api.nytimes.com/svc/movies/v2/reviews/picks.json访问
我尝试这个,但它没有工作,并给了我错误401和这个GET https://api.nytimes.com/svc/movies/v2/reviews/picks.json%E2%80%AC%E2%80%AC 401(未经授权)

<script>
import axios from "axios";
export default {
  data() {
    return {};
  },
  methods: {
    async getDataFromApi() {
      const res=await axios.get("https://api.nytimes.com/svc/movies/v2/reviews/picks.json‬‬");
      console.log(res.data)
    },
  },
};
</script>

拜托,谁来帮帮我

ac1kyiln

ac1kyiln1#

401错误表示您未通过身份验证。您必须在axios authorization header中添加一个令牌,并将其与HTTP请求一起发送。

const res = await axios.get('https://api.nytimes.com/svc/movies/v2/reviews/picks.json', {
  headers: {
    authorization: 'my secret token'
  }
});

这是硬代码的方式,为了提高效率,您必须为axios定义interceptors,以便在每个HTTP请求中发送令牌。标签:https://gist.github.com/srph/38f67a10e991b6cb2d83

相关问题