1.在基于Spring Boot+Vue.js3的前后端分离项目中，如何实现跨域访问?

在Spring Boot + Vue.js3的前后端分离项目中，实现跨域访问通常需要做以下几个步骤：

1. **后端处理**：
- Spring Boot: 使用`@CrossOrigin`注解装饰API控制器类或者单个方法，允许来自特定源的请求。例如，在Spring MVC中：

     @RestController
     @CrossOrigin(origins = "*") // 或者指定具体的域名，如 "http://localhost:8080"
     public class YourController {
         // API方法...
     }

- 如果你需要更细粒度的控制，可以配置Spring Security的CorsConfiguration。

2. **前端设置**：
- Vue.js: 在发送AJAX请求时，添加`withCredentials: true`属性，告诉浏览器发送cookie信息。同时，使用axios库的配置项允许跨域请求：

     import axios from 'axios';
     axios.defaults.withCredentials = true;

3. **后端设置响应头**：
- 在返回HTTP响应时，确保包含`Access-Control-Allow-Origin`、`Access-Control-Allow-Methods`等允许跨域的头部字段。

4. **代理设置**：
- 在Vue.js项目中，如果使用了如vue-cli脚手架，你可以创建一个`proxy.conf.js`文件，通过代理配置让所有对非本地地址的请求转发到实际服务器地址，这样可以避免直接暴露后端接口地址给前端。

// proxy.conf.js
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = {
  '/api': {
    target: 'http://localhost:8080', // 替换为你后端的实际地址
    changeOrigin: true,
    ws: true,
    pathRewrite: { '^/api': '' },
  },
};