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

相关内容

热门资讯

一只小龙虾何以引爆全球AI圈? AI正逼近“安全围栏”,人类要有“掀桌子”的能力 | 图源:即梦AI 作者/ IT时报 贾天荣 编辑...
柳州智能工厂里,奏响“春之歌” 年味渐浓,生产正忙。连日来,记者走进柳州3家智能工厂,探访人工智能与制造业深度融合的真实图景,聆听车...
骄成超声获得实用新型专利授权:... 证券之星消息,根据天眼查APP数据显示骄成超声(688392)新获得一项实用新型专利授权,专利名为“...
“太恐怖了!”字节最新AI视频... 智东西 作者 | 王涵 编辑 | 冰倩 智东西2月9日报道,2月7日,字节跳动AI视频生成模型See...
澳媒:全球Z世代正感受“中国气... 澳大利亚广播公司2月8日文章,原题:为什么社交媒体上的Z世代正经历“我的人生中‘很中国’的时光” 全...