token踩坑日常

vue的后台管理系统对接口的时候后台报错500,token失效.明明已经传了,经过检查发现token的名字错了,我这边默认的名字是token,后台用的是自定义的token名字—X-Access-Token. 所以把main.js改成这样:

axios.interceptors.request.use(config => {
  config.headers['X-Access-Token'] = window.sessionStorage.getItem('token') //更改了此处
  config.headers['content-type'] = 'application/json' // 此处定义了格式,
  return config
}, function (error) {
  console.log(error)
  return Promise.reject(error)
})

还发现一个问题,如果定义了格式后还没有改就说明是传值有问题.
我之前是这么传的,这个传的好像是纯字符串,

然后我改成这样,传的格式就变成json了.

var params = new URLSearchParams()
params.append('name', this.dataInfo.name)
params.append('birthdate', this.dataInfo.birth)
params.append('sex', this.dataInfo.sex)
params.append('speciality', this.dataInfo.speciality)
params.append('nationality', this.dataInfo.nation)
params.append('start', this.dataInfo.start_time)
params.append('foreignLanguage', foreignLanguage)
params.append('remark', this.formInfo.desc)

因为之前的项目后台是用go写的,这个项目是java写的,所以可能不太一样.
整个过程花了好久,第一次遇到这种问题.所以做一下记录.方便以后看~