Javascript Nuxt插件不是一个函数
我决定第一次从无到有地玩一点nuxt。 现在,我正在尝试添加插件。 我尝试添加的插件是针对我的api的。但当我注入它时,它抛出错误“注入不是函数”。下面是我的代码。就我所知,其他每件事都很有效Javascript Nuxt插件不是一个函数,javascript,vue.js,nuxt.js,inject,Javascript,Vue.js,Nuxt.js,Inject,我决定第一次从无到有地玩一点nuxt。 现在,我正在尝试添加插件。 我尝试添加的插件是针对我的api的。但当我注入它时,它抛出错误“注入不是函数”。下面是我的代码。就我所知,其他每件事都很有效 import Vue from 'vue' import axios from 'axios' import get from 'lodash/get' import cookies from 'js-cookie' import { BASE_URL } from '../config/config'
import Vue from 'vue'
import axios from 'axios'
import get from 'lodash/get'
import cookies from 'js-cookie'
import { BASE_URL } from '../config/config'
export default (context, inject) => {
const saveToken = (token) => {
cookies.set('AuthToken', token)
}
const removeToken = () => {
cookies.remove('AuthToken')
}
const getToken = () => {
cookies.get('AuthToken')
}
const token = getToken() || ''
const config = {
baseURL: `${BASE_URL}/api/v1`,
params: {},
headers: {
Authorization: `Bearer ${token}`
}
}
const service = axios.create(config)
service.interceptors.response.use(
response => response,
(error) => {
// src of error.
const data = get(error, 'response.data', {})
Vue.$store.commit('notifications/setNotification', data)
}
)
const ApiService = {
...service,
removeToken,
saveToken
}
inject('ApiService', ApiService)
}
好的,所以,我能修好它。 显然,这个错误是因为我在模块数组中添加了插件,而不是在中建议的插件数组。 在将其放入插件(而不是像我以前那样将其作为模块)之后,我的开发服务器又开始工作了