响应器拦截成功弹框只跳一次

响应器拦截成功弹框只跳一次

在响应拦截成功的时候判断token令牌过期返回登录界面 并弹框
修改前

解决办法
新建一个message.js文件，如下：

import {Message} from 'element-ui'
// 私有属性，只在当前文件可用
const showMessage = Symbol('showMessage')
export default class domMessage {
	success (options, single = true) {
		this[showMessage]('success', options, single)
	}
	warning(options, single = true) {
		this[showMessage]('warning', options, single)
	}
	info(options, single = true) {
		this[showMessage]('info', options, single)
	}
	error(options, single = true) {
		this[showMessage]('error', options, single)
	}
	[showMessage] (type, options, single) {
		if (single) {
			// 关键代码，判断当前页是否有el-message标签，如果没有则执行弹窗操作
			if (document.getElementsByClassName('el-message').length === 0) {
				Message[type](options)
			}
		} else {
			Message[type](options)
		}
	}
}

在处理响应拦截的文件中引入message.js，如下：

			import axios from 'axios'
			import domMessage from './messageOnce'
			
			// new 对象实例
			const messageOnce = new domMessage()
			const http = axios.create({
				timeout: 1000 * 60 * 2,
				withCredentials: true
			})
			// 当为post请求时设置其Content-Type为application/x-www-form-urlencoded
			http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
			// 响应拦截
			http.interceptors.response.use(res => {
				if (res.data.code === 102) {
					messageOnce.warning({
						message: '当前账号已经在其他客户端登录',
						type: 'warning'
					})
					// 这里执行清除token和跳转到登录页等操作
				｝
			)





修改后

请无视弹框内容