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