当前位置: 首页 > 知识库问答 >
问题:

来自React to Spring Boot应用程序的Axios get请求返回网络错误

宋昕
2023-03-14

我有一个带有@Controller的SpringBoot应用程序,它接受对localhost:8080/all的getRequest并返回JSON。我已经在浏览器中输入了这个域,并看到了返回的JSON。

但是,当我尝试使用来自我的React应用程序(在本地运行)的Axios get请求点击此url时,而不是返回JSON数据,它会返回以下错误:

Network Error at createError (http://localhost:3000/static/js/bundle.js:1634:15) at XMLHttpRequest.handleError (http://localhost:3000/static/js/bundle.js:1170:14)

我检查了Chrome的网络选项卡中的get请求,它没有为预览或响应返回任何内容,但确实指示:

Request URL: https://localhost:8080/all
Referrer Policy: no-referrer-when-downgrade

在标题部分。

两个应用程序都在本地运行,当我尝试不同的axios get请求(针对不同的API)时,它会成功返回JSON。如何从我的Spring Boot应用程序成功返回JSON?

API调用的React设置为:

  componentDidMount() {
    axios.get('https://localhost:8080/all')
    .then(function (response) {

      console.log(response);
    })
    .catch(function (error) {

      console.log(error);
    });
  }

Spring Boot应用程序中的控制器操作为:

@RestController    
public class UserController {

    @Autowired
    UserJDBCDao dao;

    @GetMapping(path="/all")
    public @ResponseBody Iterable<User> getAllUsers() {
        // This returns a JSON or XML with the users
        return dao.findAll();
    }


}

共有1个答案

董和泽
2023-03-14

检查Spring Boot错误日志后,它显示:

java.lang.IllegalArgumentException: Invalid character found in method name. HTTP method names must be tokens

所以我将https更改为超文本传输协议,并且请求有效。我不确定这是否是最安全的方式,因此其他人可能有更好的解决方案。

 类似资料:
  • 问题内容: 我只想从Web应用程序中使用PHP发送SMS。谁能告诉我该怎么做?我需要为此做些什么? 问题答案: 我不知道这是否适用于您,但是为了省钱我做了很多次,就是在个人资料中询问用户他的载体是什么,然后尝试与匹配。本质上,许多运营商/大多数运营商都将电子邮件地址连接到电话号码,您可以轻松地将短信发送到该号码。例如,如果您拥有ATT,并且电话号码是786-262-8344,则发送至7682628

  • 我正在Android系统中进行网络通信项目,但我的应用程序不起作用!经过一些调试,我发现每个网络请求都有来自系统的空响应。 我尝试了很多方法,例如:1)硬重启手机2)将所有网络权限添加到清单文件中 3)使用本地网络(我的手机作为服务器)4)让所有应用程序连接到网络:设置 但!什么也没发生... 这是我的类似问题链接,但在这个主题中没有答案:无法仅在我的Android应用程序中连接到互联网。连接in

  • 我有这个代码,我用它从电子表格创建PDF,我修改了它,在另一个电子表格中使用,现在我得到这个错误。 异常:https://docs.google.com 返回代码 400 的请求失败。截断的服务器响应: 完整的错误似乎是: .goog-inline-block{position:relative;display:-moz-inline-box;display:inline-block}* html

  • 我在赫洛库上部署了我的电报机器人。Bot曾经工作正常,但在某些时候,它只是在接收命令时停止发送消息。以下是获取网络钩子信息的答案: {"ok":true,"结果":{"url":"https://telegram-rainbow-bot.herokuapp.com:443/api/message/update","has_custom_certificate":false,"pending_upd

  • 我正在使用React Native开发一个简单的应用程序。我正在Genymotion Android Emulator上测试它。我已经创建了本地web服务器来侦听请求,它正在运行http://localhost:8082/API/.我已经测试了api,工作正常。然后,我从索引中发出一个获取请求。Androidjs。 以下是来自React本机代码的API示例请求: 以下是Api服务器的代码(使用fl

  • 本文向大家介绍微信小程序(三):网络请求,包括了微信小程序(三):网络请求的使用技巧和注意事项,需要的朋友参考一下 前文讲配置的时候我们说过,开发小程序时可以选择有 APPID 和 无 APPID ,两种方式。 1. 当有APPID的情况下,进行网络通信,只能和指定的域名进行通信。如果没有进行配置,编译时会报如下错误: 配置方法: 设置域名 需要在微信公众平台的小程序中设置域名。在微信小程序的设置