Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 传递/访问应用程序&x2019;npm打包的vue组件库中的s服务_Vue.js - Fatal编程技术网

Vue.js 传递/访问应用程序&x2019;npm打包的vue组件库中的s服务

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应用程序中,我有一个实现Axios拦截器的服务(axiosAuth.js)文件,它向每个请求添加授权令牌

我创建了一个组件库,其中包含一些共享组件和api管理类,稍后将打包为npm包。 还需要使用与应用程序相同的授权令牌来请求这些共享api调用。我试图将应用程序的axiosAuth传递给插件,以便能够使用axios拦截器的相同实例

在应用程序中,我使用库作为插件,
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。用户登录后,是否有办法在库中使用授权令牌