Nuxt3：跨域

修改nuxt.config.ts：

1. export default defineNuxtConfig({
2.   .....
3.   //跨域处理
4.   nitro: {
5.     devProxy: {
6.       "/api": {
7.         target: process.env.NUXT_KINGBAL_PROXY_PATH,    // 目标后端API地址
8.         changeOrigin: true,
9.         rewrite: (path) => path.replace(/^\/api/, ''),
10.       },
11.     },
12.   },
13. .....
14. })

复制代码

如上所述，直接在nuxt.config.ts中添加跨域处置惩罚部分即可~~~
正式环境的时候我们也需要服务器支持跨域，我们直接设置nginx即可：

1. server {
2.         listen       80;
3.         server_name  www.178xyw.com;
5.         location / {
6.             proxy_pass http://localhost:6666/;
7.             add_header 'Access-Control-Allow-Origin' '*';
8.             add_header 'Access-Control-Allow-Credentials' 'true';
9.             add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
10.             add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
11.         }
12.   
13.         error_page   500 502 503 504  /50x.html;
14.         location = /50x.html {
15.             root   html;
16.         }
17.     }

复制代码

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

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。