package不同工程使用不同的资源

import { Auth, // vite AuthV2, // webpack watchToken, // vite watchTokenV2, // webpack addToken // 通用 } from 'auth-page'

1.配置router

· 在路由中配置 /auth · 引入 Auth 组件, vue2+webpack引入 AuthV2

  import { Auth } from 'auth-page'
  import { AuthV2 } from 'auth-page'

  {
    path: '/auth',
    component: Auth
  }

2.配置axios拦截器

import { watchToken, watchTokenV2, addToken } from 'auth-page'

请求拦截 addToken(config) 响应拦截 watchToken(response) 注：vue2+webpack watchTokenV2(response)

3.配置代理

proxy配置 /client 指向后端地址

'/client': {
  target: 'http://192.168.10.89:8080/'
}

4.配置环境变量

1. 5a-认证code回调地址

   VUE_APP_AUTH_CODE_CALLBACK = '/client/callback' 注：vite配置环境变量 VITE_APP_AUTH_CODE_CALLBACK = '/client/callback'

2. 5a-认证地址

   VUE_APP_AUTHENTICATION = '/client/authentication' 注：vite配置环境变量 VITE_APP_AUTHENTICATION = '/client/authentication'