[英]Integrating vue-auth-image plugin into Nuxt.js
I am trying to integrate vue-auth-image plugin to Nuxt.js. 我正在尝试将vue-auth-image插件集成到Nuxt.js。
In plugins/auth-images.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
}
In nuxt.config.js , I call this plugin: 在nuxt.config.js中 ,我将此插件称为:
plugins: [
'@/plugins/auth-images'
]
Later in my code, I apply this: 在稍后的代码中,我将其应用:
<img v-auth-img="link/to/my/api/endpoint">
In the console I get this: 在控制台中,我得到以下信息:
[Vue warn]: Failed to resolve directive: auth-img
[Vue警告]:无法解析指令:auth-img
How to fix this? 如何解决这个问题?
该指令不是auth-img,而是auth-image,因此正确的代码是:
<img v-auth-image=
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.