vue项目请求header中添加自定义参数报错(跨域开发)

if (store.state.user.token) {
      config.headers.common['Authorization'] = store.state.user.token
      config.headers.common['token'] = store.state.user.token
} else {
      config.headers.common['Authentication'] = '1'
      config.headers.common['token'] = '1'
}

情况:跨域都配置好了,但是因为上面的设置导致访问接口有问题。

(未登录状态)最开始只设置了token,发现接口会报错

{
	"message":"加载失败",
	"result":500
}

当我只设置Authorization的时候,就能够正常访问了(用不需要登陆信息的接口测试的)

而当我token和Authorization都设置的时候,接口报错

{
	"message":"For input string: \"  这里是我设置的token的值  \"",
	"result":500
}

然后百度原因:

是服务器端不能识别自定义的token导致的。

解决办法:后端配合允许自定义header

你可能感兴趣的:(项目搭建遇到的bug)