Nuxt3：跨域

修改nuxt.config.ts：

export default defineNuxtConfig({  .....  //跨域处理  nitro: {    devProxy: {      "/api": {        target: process.env.NUXT_KINGBAL_PROXY_PATH,    // 目标后端API地址        changeOrigin: true,        rewrite: (path) => path.replace(/^\/api/, ''),      },    },  }, .....})

如上所述，直接在nuxt.config.ts中添加跨域处理部分即可~~~

正式环境的时候我们也需要服务器支持跨域，我们直接配置nginx即可：

 server {        listen       80;        server_name  www.178xyw.com;        location / {            proxy_pass http://localhost:6666/;            add_header 'Access-Control-Allow-Origin' '*';            add_header 'Access-Control-Allow-Credentials' 'true';            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';            add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';        }          error_page   500 502 503 504  /50x.html;        location = /50x.html {            root   html;        }    }

其中 www.178xyw.com 需要变更为你的绑定域名