要达到微信扫描二维码获取微信用户信息返回个PC端，请看：
 
https://blog.csdn.net/weixin_42418774/article/details/103168448
 
一、使用三个js文件
 
你的接口js封装文件
 
request.js  请求文件
 
auth.js    cookie文件
 
 
import axios from 'axios'
import request from '@/utils/request'

//相册数据
export const AlbumData = (params) => {
  return request.request({
    method: 'post',
    url: 'url/pc/search?',
    params:params
  })
}
 
request.js
 
import axios from 'axios'
import { Message,MessageBox } from 'element-ui'
import { getUseridInCookie } from '@/utils/auth'

// create an axios instance
const service = axios.create({
  baseURL: "url", // api 的 base_url
  timeout: 5000 // request timeout
})

// request interceptor
service.interceptors.request.use(
  config => {
    // Do something before request is sent
    var token = getUseridInCookie();
    if (!!token) {
      // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
        config.headers['token'] = getUseridInCookie()
    }
		  // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
		  //  config.headers['X-Type'] = process.env.TYPE
    return config
  },
  /**
   * 下面的注释为通过在response里，自定义code来标示请求状态
   * 当code返回如下情况则说明权限有问题，登出并返回到登录页
   * 如想通过 xmlhttprequest 来状态码标识 逻辑可写在下面error中
   * 以下代码均为样例，请结合自生需求加以修改，若不需要，则可删除
   */
  error => {
    // Do something with request error
    //console.log(error) // for debug
    Promise.reject(error)
  }
)

// // response interceptor
service.interceptors.response.use(
  //response => response,
  /**
   * 
   * 下面的注释为通过在response里，自定义code来标示请求状态
   * 当code返回如下情况则说明权限有问题，登出并返回到登录页
   * 如想通过 xmlhttprequest 来状态码标识 逻辑可写在下面error中
   * 以下代码均为样例，请结合自生需求加以修改，若不需要，则可删除
   */
     response => { 
       const res = response.data
       if (res.code >= 300) {
         Message({
           message: res.message,
           type: 'error',
           duration: 5 * 1000
         })
         // 50008:非法的token; 50012:其他客户端登录了;  50014:Token 过期了;
         if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
           // 请自行在引入 MessageBox
            
           MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录', '确定登出', {
             confirmButtonText: '重新登录',
             cancelButtonText: '取消',
             type: 'warning'
           }).then(() => {
             store.dispatch('FedLogOut').then(() => {
               location.reload() // 为了重新实例化vue-router对象 避免bug
             })
           })
         }
        // return Promise.reject(res.message)
        //return Promise.reject('error')
       } else {
         return response
       }
     },
  error => {
    //console.log('err' + error) // for debug
    Message({
      message: error.message,
      type: 'error',
      duration: 5 * 1000.4
    })
    return Promise.reject(error)
  }
)

export default service
 
auth.js
 
import Cookies from 'js-cookie'

const UseridKey = 'userid'

export function getUseridInCookie() {
  return Cookies.get(UseridKey);
}

export function setUseridInCookie(userid) {
  return Cookies.set(UseridKey, userid);   
}

export function removeUseridInCookie() {
  return Cookies.remove(UseridKey)
}



 
补充WebSocket
 
 
initWebSocket()
          {
            if ("WebSocket" in window) {
              var ws = new WebSocket("ws://后端接口/websocket/12345")
              //ws://后端接口+你获取到的ws的url（后端会写一个接口给你，在该接口获取二维码url和ws的url）
              ws.onopen = function () {
                ws.send("start a websocket");
              };
              ws.onmessage = function (evt) {
                this.userInfo = JSON.parse(evt.data);
                // 后台返回了json字符串，内部包含用户信息
                // debugger;
                setUseridInCookie(this.userInfo.token); //把从微信获取来的token存入cookie
                console.log('user--->', evt.data);
               // if (evt.data != null) {
                //  console.log('登陆成功');
               // }
              };
              ws.onclose = function () {
                console.log("close websocket");
              };
            } else {
              console.log("not support websocket.");
            }
          }
 
查看浏览器查看cookie：
 
 
 
 
 拓展：
 
我现在需要用户信息，我是想让它和token分开，所以我又写了方法cookie来分别获取：
 
在你需要的页面里面进行引用：
 
import {getUseridInCookie,getCookieicon,getCookiename} from '@/utils/auth'
 
就可以进行下面的操作了！
 
        this.iconurl=unescape(getCookieicon('UserIcon'))//获取cookie里面的用户icon
       // this.iconurl=document.cookie.split(";")[1].split("=")[1] //获取cookie里面的用户icon
        this.username=unescape(getCookiename('UserName'))   //获取cookie里面的用户name并做中文处理
        console.log('iconurl',this.iconurl)
        console.log('cookie',this.username)
 
只需要在auth.js里面重复操作：
 
 
 
 在你需要的页面引用就好了！！！

参考：https://blog.csdn.net/qq_35387940/article/details/83501886
 
Controller中加参数
 @Controller
 public class TestController {
 @RequestMapping("/test")
 public void test(HttpServletRequest request) {
 …
 }
 }
 Controller中获取request对象后，如果要在其他方法中（如service方法、工具类方法等）使用request对象，需要在调用这些方法时将request对象作为参数传入
 此时request对象是方法参数，相当于局部变量，毫无疑问是线程安全的。
 自动注入
 @Controller public class TestController{
 @Autowired
 private HttpServletRequest request; //自动注入request
 @RequestMapping("/test")
 public void test() throws InterruptedException{
 …
 }
 }
 使用这种方式，当Bean（本例的TestController）初始化时，Spring并没有注入一个request对象，而是注入了一个代理（proxy）；当Bean中需要使用request对象时，通过该代理获取request对象。request实际上是一个代理：代理的实现参见AutowireUtils的内部类ObjectFactoryDelegatingInvocationHandler。
 调用request的方法method时，实际上是调用了由objectFactory.getObject()生成的对象的method方法；objectFactory.getObject()生成的对象才是真正的request对象。
 objectFactory的类型为WebApplicationContextUtils的内部类RequestObjectFactory；而RequestObjectFactory要获得request对象需要先调用currentRequestAttributes()方法获得RequestAttributes对象，生成RequestAttributes对象的核心代码在类RequestContextHolder中，生成的RequestAttributes对象是线程局部变量（ThreadLocal），因此request对象也是线程局部变量；这就保证了request对象的线程安全性。
 基类中自动注入
 public class BaseController {
 @Autowired
 protected HttpServletRequest request;
 }
 @Controller
 public class TestController extends BaseController {
 }
 与方法2相比，避免了在不同的Controller中重复注入request；但是考虑到java只允许继承一个基类，所以如果Controller需要继承其他类时，该方法便不再好用。
 手动调用
 @Controller
 public class TestController {
 @RequestMapping("/test")
 public void test() throws InterruptedException {
 HttpServletRequest request = ((ServletRequestAttributes(RequestContextHolder.currentRequestAttributes())).getRequest();
 …
 }
 }
 通过自动注入实现与通过手动方法调用实现原理差不多。因此本方法也是线程安全的。
 优点：可以在非Bean中直接获取。缺点：如果使用的地方较多，代码非常繁琐；因此可以与其他方法配合使用。
 @ModelAttribute方法
 @Controller
 public class TestController {
 private HttpServletRequest request; 此处线程不安全
 @ModelAttribute
 public void bindRequest(HttpServletRequest request) {
 this.request = request; 此处request线程安全
 }
 @RequestMapping("/test")
 public void test() throws InterruptedException {
 …
 }
 }
 @ModelAttribute注解用在Controller中修饰方法时，其作用是Controller中的每个@RequestMapping方法执行前，该方法都会执行。bindRequest()的作用是在test()执行前为request对象赋值。虽然bindRequest()中的参数request本身是线程安全的，但由于TestController是单例的，request作为TestController的一个域，无法保证线程安全。
 
作者：把爱放下会走更远
 链接：https://www.jianshu.com/p/579ef18709cf
 来源：简书
 简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
 
Springboot使用Cookie，生成cookie，获取cookie信息
 参考：https://blog.csdn.net/qq_35387940/article/details/83501886
 

 
原生js 获取cookie中的数据
 
 例如需要获取cookie中的“Admin-Token”

 
function getCookie(cookie_name) {
    var allcookies = document.cookie;

    var cookie_pos = allcookies.indexOf(cookie_name);

    if (cookie_pos !== -1) {
        cookie_pos = cookie_pos + cookie_name.length + 1;
        var cookie_end = allcookies.indexOf(";", cookie_pos);
        if (cookie_end === -1) {
            cookie_end = allcookies.length;
        }
        var value = unescape(allcookies.substring(cookie_pos, cookie_end));
    }
    return value;
}

/**getCookie("Admin-Token")**/

cookie有四个不同的属性: 
 名称，内容，域，路径
 
 代码如下
复制代码
 

 $.cookie('the_cookie'); // 读取 cookie 
 $.cookie('the_cookie', 'the_value'); // 存储 cookie 
 $.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie 
 $.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie
 
 
使用：
 
 代码如下
复制代码
 $.cookie("currentMenuID", menuID);
 
时 未指定域和路径。 
 所有当域和路径不同时会产生不同的cookie
 
 代码如下
复制代码
 $.cookie("currentMenuID");
 
取值时会产生问题。
 
故：
 
 代码如下
复制代码
 $.cookie("currentMenuID", "menuID", { path: "/"}); 
 
 
进行覆盖。同域下同一个cookieID对应一个值。
 
下面我们来看个实例
 
关于cookie的path设置需要注意，如果不设置path:'/'的话，path则会根据目录自动设置[如:http://www.xxx.com/user/,path会被设置为 '/user']
 
 代码如下
复制代码
 
$.extend({ 
   
 /**  
  1. 设置cookie的值，把name变量的值设为value    
 example $.cookie(’name’, ‘value’); 
  2.新建一个cookie 包括有效期 路径 域名等 
 example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 
 3.新建cookie 
 example $.cookie(’name’, ‘value’); 
 4.删除一个cookie 
 example $.cookie(’name’, null); 
 5.取一个cookie(name)值给myvar 
 var account= $.cookie('name'); 
 **/
     cookieHelper: function(name, value, options) { 
         if (typeof value != 'undefined') { // name and value given, set cookie 
             options = options || {}; 
             if (value === null) { 
                 value = ''; 
                 options.expires = -1; 
             } 
             var expires = ''; 
             if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { 
                 var date; 
                 if (typeof options.expires == 'number') { 
                     date = new Date(); 
                     date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); 
                 } else { 
                     date = options.expires; 
                 } 
                 expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE 
             } 
             var path = options.path ? '; path=' + options.path : ''; 
             var domain = options.domain ? '; domain=' + options.domain : ''; 
             var secure = options.secure ? '; secure' : ''; 
             document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); 
         } else { // only name given, get cookie 
             var cookieValue = null; 
             if (document.cookie && document.cookie != '') { 
                 var cookies = document.cookie.split(';'); 
                 for (var i = 0; i < cookies.length; i++) { 
                     var cookie = jQuery.trim(cookies[i]); 
                     // Does this cookie string begin with the name we want? 
                     if (cookie.substring(0, name.length + 1) == (name + '=')) { 
                         cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 
                         break; 
                     } 
                 } 
             } 
             return cookieValue; 
         } 
     } 
   
 });
 
 
Jquery操作Cookie记录用户查询过信息
 
http://www.php100.com/wy/js-ajax/40554.htm