birt: 接口请求没有token，取消跳登录页

08335 / hivui-platform-template

hivui平台项目模板

Browse code birt: 接口请求没有token，取消跳登录页 master
1 parent a25b9c4 commit 5f4edb17533d508bcac3726565b44c8b222711fc hhb authored on 16 Jun 2022

Showing 2 changed files

Ignore Space Show notes View project/hivuiBirt/lang/index.js
import Vue from 'vue' import VueI18n from 'vue-i18n' import Cookies from 'js-cookie' import locale from 'element-ui/lib/locale' import elementEnLocale from 'element-ui/lib/locale/lang/en' // element-ui lang import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'// element-ui lang import elementEsLocale from 'element-ui/lib/locale/lang/es'// element-ui lang import enLocale from './en' import zhLocale from './zh' import esLocale from './es' Vue.use(VueI18n) const messages = { en: { ...enLocale, ...elementEnLocale }, zh: { ...zhLocale, ...elementZhLocale }, es: { ...esLocale, ...elementEsLocale } } export function getLanguage() { const chooseLanguage = Cookies.get('language') if (chooseLanguage) return chooseLanguage // if has not choose language const language = (navigator.language \|\| navigator.browserLanguage).toLowerCase() const locales = Object.keys(messages) for (const locale of locales) { if (language.indexOf(locale) > -1) { return locale } } return 'zh' } const i18n = new VueI18n({ // set locale // options: en \| zh \| es locale: getLanguage(), // set locale messages messages }) // 配置elementUI 语言转换关系 locale.i18n((key, value) => i18n.t(key, value)) export default i18n import Vue from 'vue' import VueI18n from 'vue-i18n' import Cookies from 'js-cookie' import locale from 'element-ui/lib/locale' import elementEnLocale from 'element-ui/lib/locale/lang/en' // element-ui lang import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'// element-ui lang import elementEsLocale from 'element-ui/lib/locale/lang/es'// element-ui lang import enLocale from './en' import zhLocale from './zh' import esLocale from './es' Vue.use(VueI18n) const messages = { en: { ...enLocale, ...elementEnLocale }, zh: { ...zhLocale, ...elementZhLocale }, es: { ...esLocale, ...elementEsLocale } } export function getLanguage() { const chooseLanguage = Cookies.get('language') if (chooseLanguage) return chooseLanguage // if has not choose language const language = (navigator.language \|\| navigator.browserLanguage).toLowerCase() const locales = Object.keys(messages) for (const locale of locales) { if (language.indexOf(locale) > -1) { return locale } } return 'en' } const i18n = new VueI18n({ // set locale // options: en \| zh \| es locale: getLanguage(), // set locale messages messages }) // 配置elementUI 语言转换关系 locale.i18n((key, value) => i18n.t(key, value)) export default i18n

Ignore Space Show notes View

project/hivuiBirt/lang/index.js

import Vue from 'vue'
import VueI18n from 'vue-i18n'
import Cookies from 'js-cookie'
import locale from 'element-ui/lib/locale'
import elementEnLocale from 'element-ui/lib/locale/lang/en' // element-ui lang
import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'// element-ui lang
import elementEsLocale from 'element-ui/lib/locale/lang/es'// element-ui lang
import enLocale from './en'
import zhLocale from './zh'
import esLocale from './es'

Vue.use(VueI18n)

const messages = {
  en: {
    ...enLocale,
    ...elementEnLocale
  },
  zh: {
    ...zhLocale,
    ...elementZhLocale
  },
  es: {
    ...esLocale,
    ...elementEsLocale
  }
}
export function getLanguage() {
  const chooseLanguage = Cookies.get('language')
  if (chooseLanguage) return chooseLanguage

// if has not choose language
  const language = (navigator.language || navigator.browserLanguage).toLowerCase()
  const locales = Object.keys(messages)
  for (const locale of locales) {
    if (language.indexOf(locale) > -1) {
      return locale
    }
  }
  return 'zh'
}
const i18n = new VueI18n({
  // set locale
  // options: en | zh | es
  locale: getLanguage(),
  // set locale messages
  messages
})
// 配置elementUI 语言转换关系
locale.i18n((key, value) => i18n.t(key, value))

export default i18n

Vue.use(VueI18n)

// if has not choose language
  const language = (navigator.language || navigator.browserLanguage).toLowerCase()
  const locales = Object.keys(messages)
  for (const locale of locales) {
    if (language.indexOf(locale) > -1) {
      return locale
    }
  }
  return 'en'
}
const i18n = new VueI18n({
  // set locale
  // options: en | zh | es
  locale: getLanguage(),
  // set locale messages
  messages
})
// 配置elementUI 语言转换关系
locale.i18n((key, value) => i18n.t(key, value))

export default i18n

Ignore Space Show notes View project/hivuiBirt/utils/request.js
import {baseURL,projectName,requestUrl} from '@birt/config' // import { MessageBox, Message } from 'element-ui' import Message from '@birt/components/vue-m-message/index.js' import store from '@birt/store' import { getToken,removeToken } from '@birt/utils/auth' import axios from 'axios' debugger; // create an axios instance const service = axios.create({ // withCredentials: true, //加了这个要明确那个地址跨域才行 baseURL: baseURL, // api的base_url timeout: 5000 // request timeout }) // request interceptor service.interceptors.request.use( config => { // do something before request is sent if (getToken()) { // let each request carry token // ['X-Token'] is a custom headers key // please modify it according to the actual situation config.headers['token'] = getToken() config.headers['Authorization'] = "Bearer " + getToken() } // else{ // //没有token，跳转登录页 // if(window.HIVUI_SETTING.loginUrl){ // location=window.HIVUI_SETTING.loginUrl; // }else{ // location="/"+projectName+"/hivuiLogin/index.html#/"; // } // } if (config.url.indexOf('?')==-1) config.url = config.url+"?pn="+projectName; else config.url = config.url+"&pn="+projectName; return config }, error => { // Do something with request error Promise.reject(error) } ) // respone interceptor service.interceptors.response.use( //response => response, /** * 下面的注释为通过response自定义code来标示请求状态，当code返回如下情况为权限有问题，登出并返回到登录页 * 如通过xmlhttprequest 状态码标识逻辑可写在下面error中 (response) => { const res = response.data; if (res.code !== 0) { return Promise.reject('error'); } else { return res; } }, / response => { const res = response.data if (res.type == "application/octet-stream") return res; // if the custom code is not 20000, it is judged as an error. if(response.status+"" == "401" \|\| res.status+"" =="401"){ MessageBox.alert('你已被登出,请重新登录', '登录超时', { confirmButtonText: '重新登录', type: 'warning' }).then(() => { let loginUrl = window.HIVUI_SETTING.loginUrl if (window.HIVUI_SETTING.isSingleLogin) { loginUrl = window.HIVUI_SETTING.singleLoginUrl; } if (loginUrl.endsWith("=")) { let params = window.location.search.slice(1, -1).split("&").filter(item => { if (item.indexOf("ticket") == -1) { return item } }); loginUrl = loginUrl + window.location.origin + window.location.pathname + (params.length > 0 ? '?' : '') + params.join("&"); } window.location.href = loginUrl }) }else if (!(response.status+"" == "200" \|\| res.status+"" =="200")) { Message.error(res.msg \|\| res.message \|\| 'Error') /Message({ message: res.msg \|\| res.message \|\| 'Error', type: 'error', duration: 5 * 1000 })/ // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired; if (res.code === 50008 \|\| res.code === 50012 \|\| res.code === 50014) { // to re-login /MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', { confirmButtonText: 'Re-Login', cancelButtonText: 'Cancel', type: 'warning' }).then(() => { store.dispatch('user/resetToken').then(() => { location.reload() }) })/ if(confirm('You have been logged out, you can cancel to stay on this page, or log in again')){ store.dispatch('user/resetToken').then(() => { location.reload() }) } } //return Promise.reject(new Error(res.message \|\| 'Error')) return Promise.reject(res) } else { if(res.status+"" =="200"){ res.dataPack = res.dataPack \|\| res.data return res }else{ console.error(res.msg \|\| res.message \|\| 'Error'); Message.error(res.msg \|\| res.message \|\| 'Error') } } }, error => { if(error.response.status+"" == "401" \|\| error.response.data.status+"" =="401"){ removeToken(); if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; } }else{ Message.error(error.msg\|\|error.message) } console.log('err' + error) // for debug return Promise.reject(error) }) export default service import {baseURL,projectName,requestUrl} from '@birt/config' // import { MessageBox, Message } from 'element-ui' import Message from '@birt/components/vue-m-message/index.js' import store from '@birt/store' import { getToken,removeToken } from '@birt/utils/auth' import axios from 'axios' debugger; // create an axios instance const service = axios.create({ // withCredentials: true, //加了这个要明确那个地址跨域才行 baseURL: baseURL, // api的base_url timeout: 5000 // request timeout }) // request interceptor service.interceptors.request.use( config => { // do something before request is sent if (getToken()) { // let each request carry token // ['X-Token'] is a custom headers key // please modify it according to the actual situation config.headers['token'] = getToken() config.headers['Authorization'] = "Bearer " + getToken() }else{ //没有token，跳转登录页 if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; }else{ location="/"+projectName+"/hivuiLogin/index.html#/"; } } if (config.url.indexOf('?')==-1) config.url = config.url+"?pn="+projectName; else config.url = config.url+"&pn="+projectName; return config }, error => { // Do something with request error Promise.reject(error) } ) // respone interceptor service.interceptors.response.use( //response => response, /* * 下面的注释为通过response自定义code来标示请求状态，当code返回如下情况为权限有问题，登出并返回到登录页 * 如通过xmlhttprequest 状态码标识逻辑可写在下面error中 (response) => { const res = response.data; if (res.code !== 0) { return Promise.reject('error'); } else { return res; } }, / response => { const res = response.data if (res.type == "application/octet-stream") return res; // if the custom code is not 20000, it is judged as an error. if(response.status+"" == "401" \|\| res.status+"" =="401"){ removeToken(); if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; } }else if (!(response.status+"" == "200" \|\| res.status+"" =="200")) { Message.error(res.msg \|\| res.message \|\| 'Error') /Message({ message: res.msg \|\| res.message \|\| 'Error', type: 'error', duration: 5 * 1000 })/ // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired; if (res.code === 50008 \|\| res.code === 50012 \|\| res.code === 50014) { // to re-login /MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', { confirmButtonText: 'Re-Login', cancelButtonText: 'Cancel', type: 'warning' }).then(() => { store.dispatch('user/resetToken').then(() => { location.reload() }) })*/ if(confirm('You have been logged out, you can cancel to stay on this page, or log in again')){ store.dispatch('user/resetToken').then(() => { location.reload() }) } } //return Promise.reject(new Error(res.message \|\| 'Error')) return Promise.reject(res) } else { if(res.status+"" =="200"){ res.dataPack = res.dataPack \|\| res.data return res }else{ console.error(res.msg \|\| res.message \|\| 'Error'); Message.error(res.msg \|\| res.message \|\| 'Error') } } }, error => { if(error.response.status+"" == "401" \|\| error.response.data.status+"" =="401"){ removeToken(); if(window.HIVUI_SETTING.loginUrl){ location=window.HIVUI_SETTING.loginUrl; } }else{ Message.error(error.msg\|\|error.message) } console.log('err' + error) // for debug return Promise.reject(error) }) export default service

Ignore Space Show notes View

project/hivuiBirt/utils/request.js

import {baseURL,projectName,requestUrl} from '@birt/config'
// import { MessageBox, Message } from 'element-ui'
import Message from '@birt/components/vue-m-message/index.js'
import store from '@birt/store'
import { getToken,removeToken } from '@birt/utils/auth'
import axios from 'axios'
debugger;
// create an axios instance
const service = axios.create({
  // withCredentials: true, //加了这个 要明确那个地址跨域才行
  baseURL: baseURL, // api的base_url
  timeout: 5000 // request timeout
})

// request interceptor
service.interceptors.request.use(
  config => {
    // do something before request is sent

if (getToken()) {
      // let each request carry token
      // ['X-Token'] is a custom headers key
      // please modify it according to the actual situation
      config.headers['token'] = getToken()
      config.headers['Authorization'] = "Bearer " + getToken()
    }
    // else{
    //   //没有token，跳转登录页
    //   if(window.HIVUI_SETTING.loginUrl){
    //     location=window.HIVUI_SETTING.loginUrl;
    //   }else{
    //     location="/"+projectName+"/hivuiLogin/index.html#/";
    //   }
    // }
    
    if (config.url.indexOf('?')==-1)
      config.url = config.url+"?pn="+projectName;
    else
      config.url = config.url+"&pn="+projectName;
    return config
  }, error => {
    // Do something with request error
    Promise.reject(error)
  }
)

// respone interceptor
service.interceptors.response.use(
  //response => response,
  /**
  * 下面的注释为通过response自定义code来标示请求状态，当code返回如下情况为权限有问题，登出并返回到登录页
  * 如通过xmlhttprequest 状态码标识 逻辑可写在下面error中
  (response) => {
    const res = response.data;
    if (res.code !== 0) {
      return Promise.reject('error');   
    } else {
      return res;
    }
  },
  */
  response => {
    const res = response.data
    if (res.type == "application/octet-stream")
      return res;
    // if the custom code is not 20000, it is judged as an error.
    if(response.status+"" == "401" || res.status+"" =="401"){
      MessageBox.alert('你已被登出,请重新登录', '登录超时', {
        confirmButtonText: '重新登录',
        type: 'warning'
      }).then(() => {
        let loginUrl = window.HIVUI_SETTING.loginUrl
        if (window.HIVUI_SETTING.isSingleLogin) {
          loginUrl = window.HIVUI_SETTING.singleLoginUrl;
        }
        if (loginUrl.endsWith("=")) {
          let params = window.location.search.slice(1, -1).split("&").filter(item => {
            if (item.indexOf("ticket") == -1) {
              return item
            }
          });
          loginUrl = loginUrl + window.location.origin + window.location.pathname + (params.length > 0 ? '?' : '') + params.join("&");
        }
        window.location.href = loginUrl
      })
    }else if (!(response.status+"" == "200" || res.status+"" =="200")) {
      
      Message.error(res.msg || res.message || 'Error')  
      /*Message({
        message: res.msg || res.message || 'Error',
        type: 'error',
        duration: 5 * 1000
      })*/

// 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
      if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
        // to re-login
        /*MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
          confirmButtonText: 'Re-Login',
          cancelButtonText: 'Cancel',
          type: 'warning'
        }).then(() => {
          store.dispatch('user/resetToken').then(() => {
            location.reload()
          })
        })*/
        if(confirm('You have been logged out, you can cancel to stay on this page, or log in again')){
          store.dispatch('user/resetToken').then(() => {
            location.reload()
          })
        }
      }
      
      //return Promise.reject(new Error(res.message || 'Error'))
      return Promise.reject(res)
    } else {
      if(res.status+"" =="200"){
        res.dataPack = res.dataPack || res.data
        return res
      }else{
        console.error(res.msg || res.message || 'Error'); 
        Message.error(res.msg || res.message || 'Error') 
      }
    }
  },
  error => {
    if(error.response.status+"" == "401" || error.response.data.status+"" =="401"){
      removeToken();
      if(window.HIVUI_SETTING.loginUrl){
        location=window.HIVUI_SETTING.loginUrl;
      }
    }else{
       Message.error(error.msg||error.message)  
    }
    console.log('err' + error) // for debug 
   
    return Promise.reject(error)
  })

export default service

// request interceptor
service.interceptors.request.use(
  config => {
    // do something before request is sent

if (getToken()) {
      // let each request carry token
      // ['X-Token'] is a custom headers key
      // please modify it according to the actual situation
      config.headers['token'] = getToken()
      config.headers['Authorization'] = "Bearer " + getToken()
    }else{
      //没有token，跳转登录页
      if(window.HIVUI_SETTING.loginUrl){
        location=window.HIVUI_SETTING.loginUrl;
      }else{
        location="/"+projectName+"/hivuiLogin/index.html#/";
      }
    }
    
    if (config.url.indexOf('?')==-1)
      config.url = config.url+"?pn="+projectName;
    else
      config.url = config.url+"&pn="+projectName;
    return config
  }, error => {
    // Do something with request error
    Promise.reject(error)
  }
)

export default service

Show line notes below