const getInfo=()=>{ axios.get("http://localhost:3000/posts").then((res)=>{ console.log(res.data) }).catch((error)=>{ console.log(error) }) }报跨域错误

这是因为在使用axios进行请求时，请求的地址与当前页面的地址不在同一个域名下。浏览器出于安全考虑，禁止了这种跨域请求。你可以在服务端设置响应头，允许跨域请求。

可以在服务端设置响应头来允许跨域请求，例如：

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
  res.header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');
  next();
});

其中，`Access-Control-Allow-Origin`表示允许跨域请求的域名，`*`表示允许所有域名请求。`Access-Control-Allow-Headers`表示允许请求的头部信息，`Content-Type`和`Authorization`是常用的头部信息。`Access-Control-Allow-Methods`表示允许的请求方法，`POST`, `GET`, `OPTIONS`是常用的请求方法。

相关问题

const getInfo=()=>{ axios.get("http://localhost:3000/posts").then((res)=>{ console.log(res.data) }).catch((error)=>{ console.log(error) }) }服务器端设置了 res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization'); res.header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');还是报跨域错误

如果你已经在服务端设置了跨域响应头，但仍然报跨域错误，可以尝试在axios请求时添加`withCredentials: true`参数来解决问题，例如：

const getInfo = () => {
  axios.get("http://localhost:3000/posts", { withCredentials: true })
    .then((res) => {
      console.log(res.data)
    })
    .catch((error) => {
      console.log(error)
    })
}

这个参数会告诉浏览器携带跨域请求中的cookie等凭据信息，从而通过服务端的身份验证，解决跨域问题。同时，在服务端也需要设置响应头，允许携带凭据信息，例如：

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
  res.header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');
  res.header('Access-Control-Allow-Credentials', 'true'); // 允许携带凭据信息
  next();
});

const getInfo=()=>{ axios.get("http://localhost:3000/posts",{ withCredentials: true }).then((res)=>{ console.log(res.data) }).catch((error)=>{ console.log(error) }) }服务器端设置了 res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization'); res.header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');还是报跨域错误

如果你已经在服务端设置了跨域响应头并且在axios请求时添加了`withCredentials: true`参数，但仍然报跨域错误，可能是因为axios请求的地址或者端口号不正确，可以尝试检查一下。

还有一种可能性是，如果你的服务端是使用Node.js搭建的，并且使用了`http`模块来创建服务器，那么你需要使用`cors`中间件来解决跨域问题。可以使用以下命令来安装`cors`：

npm install cors --save

然后在服务端代码中使用`cors`中间件，例如：

const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors());

// 其他路由和中间件

app.listen(3000, () => {
  console.log('server is running at http://localhost:3000');
});

这样就可以解决跨域问题了。