Vue.js 传递/访问应用程序&x2019;npm打包的vue组件库中的s服务
在我的vue应用程序中,我有一个实现Axios拦截器的服务(axiosAuth.js)文件,它向每个请求添加授权令牌 我创建了一个组件库,其中包含一些共享组件和api管理类,稍后将打包为npm包。 还需要使用与应用程序相同的授权令牌来请求这些共享api调用。我试图将应用程序的axiosAuth传递给插件,以便能够使用axios拦截器的相同实例 在应用程序中,我使用库作为插件,Vue.js 传递/访问应用程序&x2019;npm打包的vue组件库中的s服务,vue.js,Vue.js,在我的vue应用程序中,我有一个实现Axios拦截器的服务(axiosAuth.js)文件,它向每个请求添加授权令牌 我创建了一个组件库,其中包含一些共享组件和api管理类,稍后将打包为npm包。 还需要使用与应用程序相同的授权令牌来请求这些共享api调用。我试图将应用程序的axiosAuth传递给插件,以便能够使用axios拦截器的相同实例 在应用程序中,我使用库作为插件, Vue.use(MyPlugin,{'axiosAuth':mainAxiosAuth}) 在我的库的安装方法中,我可以
Vue.use(MyPlugin,{'axiosAuth':mainAxiosAuth})代码>
在我的库的安装方法中,我可以访问选项
install (Vue, options) {
if (!options || !options.axiosAuth) {
throw new Error('Please initialise plugin with Axios instance.')
}
Vue.component('MyComponent1', "component1")
Vue.component('MyComponent2', component2)
...
}
但是,在执行“安装”并在此之前加载my.vue和.js文件之前,选项不可用
因此,我在我的库中为axiosAuth创建了一个包装类,并复制了与应用程序中相同的axios拦截器。
但在应用程序加载时,授权令牌为空。只有用户登录后,才能使用vuex更新和存储令牌信息。
在Vue.use as选项上传递令牌会在库中给出“null”值
如何从库插件访问应用程序的axiosAuth。用户登录后,是否有办法在库中使用授权令牌