我已经使用Java编写了Web服务。 ReactJS中的客户端调用我的Web服务并显示响应。我在本地主机:8081上运行我的客户端,并在localhost:8080上运行Tomcat Apache上的Web服务。但是当我运行我的客户端时,我收到一个错误(发布在下面)。请告诉我的代码中可能存在什么问题?ReactJS客户端无法与Java Web服务进行通信
View.jsx (客户端):
import React from 'react';
class View extends React.Component {
constructor() {
super();
this.state = {
text: "initial state"
};
}
componentDidMount() {
$.ajax({
url: "localhost:8080/UserManagement/rest/myService/data"
}).then((function(data) {
this.setState({text: data});
}).bind(this))
}
render() {
return (
<div>
{this.state.text}
</div>
);
}
}
export default View;
MyServer.java (网络服务):
package com.tutorialspoint;
import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.InputStream;
import java.io.InputStreamReader;
import javax.ws.rs.Consumes;
import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;
import javax.ws.rs.core.MediaType;
import javax.ws.rs.core.Response;
import org.json.JSONObject;
@Path("myService")
public class MyServer {
@GET
@Path("/data")
@Consumes(MediaType.APPLICATION_JSON)
public Response queryRESTService(InputStream incomingData) {
JSONObject jsonObject = null;
try {
String output = "";
InputStream inputStream = new FileInputStream("C:\\Users\\username\\Desktop\\myJSON.txt");
InputStreamReader inputReader = new InputStreamReader(inputStream);
BufferedReader bufferedReader = new BufferedReader(inputReader);
String line;
while ((line = bufferedReader.readLine()) != null) {
output += line + "\n";
}
jsonObject = new JSONObject(output);
bufferedReader.close();
}
catch (Exception e) {
}
return Response.status(200).entity(jsonObject.toString()).build();
}
@GET
@Path("/verify")
@Produces(MediaType.TEXT_PLAIN)
public Response verifyRESTService() {
String result = "MyRESTService Successfully started..";
return Response.status(200).entity(result).build();
}
}
https://enable-cors.org/ –