前后端分离，vue前端实现单点登录(不跨主域)

仅限不跨主域，什么叫不跨主域呢，也就是说xxx.主域.com ，不管是二级还是三级域名，主域永远是一个，如果跨主域的话，请看另外一篇文章。

js-cookie

https://www.npmjs.com/package/js-cookie

npm i js-cookie -S

A项目

import Cookies from 'js-cookie'
export default {
	...,
	methods: {
		handleLogin() {
			if (res.success) {
				// 用户登录成功
				// 主域替换成你们公司的域名
				Cookies.set('app.token', res.data.token, '.主域.com')
				Cookies.set('app.token', res.data.token, 'ip') // 记住不要加 http:// 之类的
			}
		}
	}
}

B项目

在入口文件，比如main.js里面

import Cookies from 'js-cookie'

const token = Cookies.get('app.token')
// 或者说是在请求的时候获取token，在请求头里面一起给后台

最后

为什么不跨主域可以种cookie的方式实现单点登陆，跨主域就不可以呢？这要问一下浏览器了，也主要是为了安全考虑。