Angular 6 + Spring Boot: 错误: "来自 http://localhost:4200 的源已被 CORS 策略阻止"
创始人
2024-10-16 00:31:01
0

在Angular 6中,您可以通过添加代理配置来解决CORS(跨域资源共享)问题。以下是解决方法的代码示例:

  1. 打开proxy.conf.json文件,如果不存在,请在根目录下创建一个新的文件。

  2. 添加以下内容到proxy.conf.json文件中:

{
  "/api": {
    "target": "http://localhost:8080",
    "secure": false
  }
}

这将把所有以/api开头的请求代理到http://localhost:8080

  1. 打开package.json文件,并在"scripts"部分的"start"命令中添加--proxy-config参数,如下所示:
"scripts": {
  "start": "ng serve --proxy-config proxy.conf.json"
},
  1. 重新启动Angular应用程序。

现在,Angular应用程序将通过代理发送所有以/api开头的请求,以避免CORS问题。

请注意,target属性的值应该是您Spring Boot应用程序运行的实际地址和端口。确保两个应用程序都在运行,并且Angular应用程序中的API调用使用了相对路径,以便它们被代理。

相关内容

热门资讯

wejoker辅助器要钱玩吗!... wejoker辅助器要钱玩吗!线上德州的辅助器是什么(透视)软件-果然解迷有挂线上德州的辅助器是什么...
透视关于!wepoker透视有... 透视关于!wepoker透视有用吗(透视)wpk可以透视吗,教程窍门(有挂教学)-哔哩哔哩1、完成w...
aapoker真的假的!wep... aapoker真的假的!wepoker透视脚本下载(透视)挂-竟然详细存在有挂wepoker透视脚本...
透视关于!xpoker透视辅助... 透视关于!xpoker透视辅助(透视)约局吧德州透视,教程教程书(有挂规律)-哔哩哔哩约局吧德州透视...
hhpoker软件靠谱吗!we... hhpoker软件靠谱吗!wepoker私人局开挂视频(透视)教程-一直推荐是真的挂亲,关键说明,w...
透视关于!aapoker辅助工... 透视关于!aapoker辅助工具安全吗(透视)werplan辅助软件,教程绝活儿(确实有挂)-哔哩哔...
德普之星辅助工具如何设置!we... 德普之星辅助工具如何设置!wepoker轻量版书签(透视)工具-一直教你真的有挂德普之星辅助工具如何...
wepoker怎么拿到好牌!w... wepoker怎么拿到好牌!wepokerplus透视脚本免费(透视)插件-确实解谜有挂1、超多福利...
透视专业!wepoker好友局... 透视专业!wepoker好友局透视(透视)wepoker透视最简单三个步骤,教程项目(有挂技术)-哔...
德普之星app安卓版破解版!w... 德普之星app安卓版破解版!we poker游戏下(透视)插件-竟然有挂有挂1、玩家可以在德普之星a...