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 需要变更为你的绑定域名