vue3 axios 怎么解决跨域问题

在Vue3中使用Axios解决跨域问题有以下几种方法：

1. 通过在后端设置Access-Control-Allow-Origin来解决跨域问题。

2. 在前端代码中使用代理服务器来解决跨域问题。在vue.config.js文件中添加如下代码：

module.exports = {
  devServer: {
    proxy: {
      "/api": {
        target: "http://localhost:3000",
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }
}

这里的/api是代理的接口前缀，target是代理服务器的地址，pathRewrite是重写路径，changeOrigin设置为true表示开启跨域。

在Axios中使用时，请求的URL应该写成相对路径，如：

axios.get('/api/user')
  .then(response => console.log(response))
  .catch(error => console.log(error))

3. 在Axios请求头中添加Access-Control-Allow-Origin来解决跨域问题。可以在Axios的全局配置中添加如下代码：

axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*';

这里的*表示允许所有的域名访问，也可以设置为特定的域名。

以上就是Vue3中使用Axios解决跨域问题的几种方法。