Access-Control-Allow-Origin: * Access-Control-Allow-Methods: GET, POST, PUT, DELETE Access-Control-Allow-Headers: Content-Type 我要把这些放到headers怎么写
时间: 2023-07-17 19:06:54 浏览: 132
详解vue-cli项目中的proxyTable跨域问题小结
如果你想在前端代码中将这些跨域响应头信息添加到请求头中,你可以这样写:
```javascript
export const login = (username, password) => {
const data = {
username: username,
password: password
};
const config = {
headers: {
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE',
'Access-Control-Allow-Headers': 'Content-Type'
}
};
return axios.post('http://localhost:3000/login', data, config);
};
```
在上面的代码中,我们将 `'Access-Control-Allow-Origin'`、`'Access-Control-Allow-Methods'` 和 `'Access-Control-Allow-Headers'` 添加到了请求头的配置对象 `config.headers` 中。
确保在调用 `login` 函数时,传递了正确的用户名和密码参数。
请注意,添加跨域响应头信息到请求头中只能解决前端代码发送请求时的跨域问题。如果后端服务器没有正确设置跨域响应头,仍然会导致跨域问题。请确保在后端服务器中设置了相应的跨域响应头,如之前提到的。
希望这能帮助到你!如有其他问题,请随时提问。
阅读全文