将vue-auth-image插件集成到Nuxt.js中

Question

我正在尝试将vue-auth-image插件集成到Nuxt.js。

在 plugins / auth-images.js 中：

import Vue from 'vue'                                                                                                                            
import VueAuthImage from 'vue-auth-image'                                                                                                        
import axios from 'axios'                                                                                                                        
Vue.use(VueAuthImage)                                                                                                                            

if (process.browser) {                                                                                                                           
  const authHeader = 'Bearer ' + localStorage.getItem('my-own-id-token')                                                                         
  axios.defaults.headers.common.Authorization = authHeader                                                                                       
}    

在 nuxt.config.js 中，我将此插件称为：

plugins: [                                                                                                                                     
  '@/plugins/auth-images'                                                                                                                   
]

稍后在我的代码中，我将其应用：

<img v-auth-img="link/to/my/api/endpoint">

在控制台中，我得到了：

  

[Vue警告]：无法解析指令：auth-img

该如何解决？

Answer 1

该指令不是auth-img，而是auth-image，因此正确的代码是：

<img v-auth-image=