nuxt3 usefetch请求跨域

Nuxt.js v3 中的 `useFetch` 是一个基于 `axios` 的异步数据获取函数，它封装了基本的 HTTP 请求。如果你遇到跨域问题，这是因为浏览器的同源策略限制了来自不同域名的请求。在 Nuxt v3 中处理跨域有两种常见方法：

1. **配置服务器**:
- 如果你有控制服务器权限，可以在 `nuxt.config.js` 文件的 `serverMiddleware` 配置中添加一个允许 CORS 的中间件。例如：

     module.exports = {
       serverMiddleware: ['~/middleware/cors.js'],
     };

然后创建一个名为 `cors.js` 的文件，在这个文件里设置响应头 `Access-Control-Allow-Origin`。

2. **API 层代理**:
- 如果不想修改服务器配置，可以利用 Nuxt 的 `vue-router` 或者 `nuxt-edge-proxy` 插件来代理跨域请求。比如，安装并配置 `@nuxtjs/edge-proxies` 插件：

     npm install @nuxtjs/edge-proxies

添加到 `nuxt.config.js`：

     build: {
       extend(config, ctx) {
         config.middleware = [
           ...config.middleware,
           '/api/**', // 这里是你要代理的路径前缀
           'edgeProxies'
         ];
       }
     },
     modules: ['@nuxtjs/edge-proxies'],
     edgeProxies: {
       '/api': {
         target: 'https://your-api-url.com',
         changeOrigin: true,
         ws: false, // 如果需要 WebSocket 支持
       },
     },

无论哪种方式，记得在后端 API 设置相应的响应头 `Access-Control-Allow-Origin` 来支持跨域访问。