Angular - Maven/Spring Boot跨域CORS不起作用
创始人
2024-10-14 19:30:57
0

在Angular项目中,可以通过修改代理配置文件来解决跨域问题。以下是一个示例:

  1. 在Angular项目的根目录下创建一个名为proxy.conf.json的文件,并添加以下内容:
{
  "/api/*": {
    "target": "http://localhost:8080",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true
  }
}

上述配置将代理所有以/api/开头的请求到http://localhost:8080

  1. package.json文件中的scripts部分添加一个新的脚本:
"start": "ng serve --proxy-config proxy.conf.json"

上述配置将在启动Angular开发服务器时使用代理配置文件。

  1. 在终端中运行以下命令启动Angular开发服务器:
npm start

现在,Angular应用程序将使用代理配置文件将所有以/api/开头的请求代理到http://localhost:8080,解决了跨域问题。

如果使用了Maven和Spring Boot作为后端,还需要在Spring Boot中进行一些配置来启用CORS。以下是一个示例:

  1. 在Spring Boot的主类中添加@CrossOrigin(origins = "http://localhost:4200")注解,指定允许访问的来源。例如:
@RestController
@RequestMapping("/api")
@CrossOrigin(origins = "http://localhost:4200")
public class MyController {
  // Controller methods
}

上述配置将允许来自http://localhost:4200的请求访问/api路径。

  1. application.properties文件中添加以下配置:
spring.mvc.dispatch-options-request=true

上述配置将允许Spring Boot处理预检请求(OPTIONS请求)。

现在,Angular应用程序将能够通过代理发送带有正确CORS头的请求到Spring Boot后端。

相关内容

热门资讯

wepoker辅助器是真的吗!... wepoker辅助器是真的吗!wepoker破解是真的还是假的(透视)方法-本来分享是有挂暗藏猫腻,...
wepoker有没有插件!we... wepoker有没有插件!wepokerplus开挂(透视)挂-其实详细有挂1、wepoker有没有...
pokerworld修改器!p... pokerworld修改器!pokemmo免费脚本(透视)插件-好像开挂真的有挂1、打开软件启动之后...
德州透视是真的吗!hhpoke... 德州透视是真的吗!hhpoker一直输有挂吗(透视)app-切实关于真的有挂1、在hhpoker一直...
wepoker怎么获得好牌!u... wepoker怎么获得好牌!uupoker透视(透视)教程-一贯解迷是有挂1、wepoker怎么获得...
hhpoker破解工具!德普之... hhpoker破解工具!德普之星私人局透视(透视)挂-总是详情是有挂1、玩家可以在德普之星私人局透视...
hhpoker是真的还是假的!... hhpoker是真的还是假的!pokermaster脚本(透视)工具-一贯教你是有挂1、完成hhpo...
wepoker如何设置透视!w... wepoker如何设置透视!wepoker有人用过吗(透视)器-好像揭幕有挂1.wepoker如何设...
wepoker有人用过吗!we... wepoker有人用过吗!wepoker私人定制透视(透视)方法-一直科普真的有挂1、该软件可以轻松...
德普辅助器怎么用!uupoke... 德普辅助器怎么用!uupoker有透视吗(透视)挂-果然分享真的是有挂1、进入游戏-大厅左侧-新手福...