Nuxt3:跨域
创始人
2024-09-25 20:21:05

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

相关内容

热门资讯

小米MiMo Token Pl... IT之家 6 月 2 日消息,小米今日正式公布了 MiMo Token Plan 老用户专属“回归礼...
2026年6月防销售飞单AI工... 销售飞单、私单、客资外流,是各大销售型企业长期面临的核心难题。普通通讯设备缺乏管控能力,改装机型存在...
苹果智能眼镜据报道推迟至202... 如果你一直期待着拥有一副苹果智能眼镜,恐怕需要比预期等待更长的时间了。 据彭博社记者马克·古尔曼透露...
Anthropic刚递表IPO... Anthropic已经秘密向美国证券交易委员会(SEC)递交了 S-1注册声明草稿。这意味着一旦SE...
智博会启新章 中国电信深耕AI... (记者 林碧涓)2026世界智能产业博览会于5月28日至31日在天津举办。本届博览会由天津重庆两地政...