axios解决The 'Access-Control-Allow-Origin' header contains the invalid value
时间: 2024-02-02 18:10:30 浏览: 228
解决方案 ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’
5星 · 资源好评率100%
根据提供的引用内容,你遇到的问题是关于CORS(跨域资源共享)的错误。错误信息显示'Access-Control-Allow-Origin'头文件包含了无效的值。这个错误通常是由于服务器响应中的'Access-Control-Allow-Origin'头文件设置不正确导致的。
解决这个问题的方法是确保服务器响应中的'Access-Control-Allow-Origin'头文件的值正确设置为请求的源地址。如果你使用的是axios库发送请求,你可以通过设置axios的配置选项来解决这个问题。
以下是一个使用axios解决CORS错误的示例代码:
```javascript
import axios from 'axios';
axios.get('http://localhost:8081/api/v3.0/ci/history?user=jwensh', {
withCredentials: true,
headers: {
'Access-Control-Allow-Origin': 'http://localhost:9527'
}
})
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
```
在上面的代码中,我们通过设置`withCredentials`选项为`true`来启用跨域请求的凭证模式。然后,我们在请求头中设置了正确的'Access-Control-Allow-Origin'值,即请求的源地址。
请注意,你需要将上面的代码中的URL和请求头的值替换为你实际的值。
阅读全文