解决在组件外使用Pinia报错的问题

报错问题:

Pinia报错

store() 的调用需要放在 Pinia 安装后才会执行的函数中才不会报错。

路由拦截

import store from '@/store'

router.beforeEach(async (to, _from, next) => {
  const { user, permission } = store()
  // ...
  next()
})

axios请求头添加token

import axios from 'axios'
import useUserStore from '@/store/modules/user'

const service = axios.create({
  baseURL: `${import.meta.env.VITE_APP_BASE_API}`,
  timeout: 20000
})

service.interceptors.request.use(
  (config: any) => {
    const user = useUserStore()
    config.headers.Authorization = user.getToken
    return config
  },
  (err) => Promise.reject(err)
)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容