axios和this之间的区别。$axios

Question

我正在使用nuxt和gridsome进行开发。这些都是vue框架，我发现其中有一些有趣的东西。

当我这样做的时候：

<script>
    import axios from 'axios';
    ...
    created: function created() {
        axios.get(process.env.NUXT_ENV_API_URL + '/users').then(res=>{
        this.options=res.data.map(function(data){
            return {name: data.url, provider_id: data.provider_id};
        });
    }

我得到了401错误(后端是laravel)。

message: "Unauthenticated."

但是当我使用这个的时候，它就起作用了。

<script>
import axios from 'axios';
...
created: function created() {
    this.$axios.get(process.env.NUXT_ENV_API_URL + '/users').then(res=>{
        this.options=res.data.map(function(data){
            return {name: data.url, provider_id: data.provider_id};
        });
}

Answer 1

这是因为Axios允许创建自己的实例，因此可以对其进行自定义。因此，当您执行axios.get时，Axios会在使用它之前动态创建一个实例。当您执行this.$axios.get时，您将使用一个已经创建的实例，该实例已在代码中的其他位置进行了自定义(例如，通过添加一些HTTP头)。