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

相关内容

热门资讯

未来三年销售目标突破千亿元!京... 上证报中国证券网讯(记者 刘暄)京东与荣耀4月2日签署战略合作协议,明确未来三年荣耀在京东全渠道销售...
我国科研人员发现99个新物种 我国科研人员发现99个昆虫新物种 为青藏高原生物多样性再添新证 4月1日,我国科研人员在国际动物分类...
兴源自动化取得电芯高效测漏设备... 国家知识产权局信息显示,惠州市兴源自动化设备有限公司取得一项名为“一种电芯高效测漏设备”的专利,授权...
量旋科技完成6亿元C+轮融资 ... 本报讯 (记者张敏)4月3日,深圳量旋科技有限公司(以下简称“量旋科技”)宣布完成6亿元C+轮融资。...
李云泽:推动构建与未来产业全生... 上证报中国证券网讯 据金融监管总局4月3日消息,4月1日,金融监管总局举办党委理论学习中心组集体(扩...