Failed to load http://localhost:8080/team.php: Request header field x-jwt-header is not allowed by A...

weixin_34055787

于 2018-02-07 09:31:00 发布

阅读量443

点赞数

CC 4.0 BY-SA版权

文章标签： php 后端

原文链接：http://www.cnblogs.com/CyLee/p/8425145.html

本文介绍了解决Axios跨域请求时遇到的问题——即因后端未正确配置Access-Control-Allow-Headers导致的请求失败。通过在PHP后端添加特定header来允许前端携带自定义头部信息，成功解决了跨域问题。

axios 加入header之后，请求出现

Failed to load http://localhost:8080/team.php: Request header field x-jwt-header is not allowed by Access-Control-Allow-Headers in preflight response.

//POST传参序列化(添加请求拦截器)
axios.interceptors.request.use(config => {
    config.headers['x-jwt-header'] = localStorage.token
    return config;
},error =>{
    alert("错误的传参", 'fail')
    return Promise.reject(error)
})

原因是后端没有开启对header的允许。php中输入以下代码即可：

header('Access-Control-Allow-Headers:x-jwt-header,content-type');

转载于:https://www.cnblogs.com/CyLee/p/8425145.html