将 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=