Vscode前端与springboot的链接

km0tfn4u  于 2023-10-16  发布在  Spring
关注(0)|答案(2)|浏览(130)

我用vscode(html,sass和js节点模块)构建了我的前端,用springboot构建了我的后端。如何将我的springboot后端链接到我的vscode前端?

t8e9dugd

t8e9dugd1#

使用Sping Boot 开发所有必要的API,以获取后端数据。然后,为了在前端获取数据,您可以使用Node.js(Node.js的Web应用程序框架)。

uz75evzq

uz75evzq2#

要连接你的SpringBoot后端服务器与你的SpringBoot运行应用程序,让我们说在localhost 8080,那么你只需要知道你的后端API的工作与否, Postman 是最好的工具。然后正如你所说,你有数据,但你只需要发布或从服务器获取它,然后你可以使用XML Http请求从你的前端在特定的URL,并肯定会得到有效载荷/发布到服务器这里是XML Http请求示例:-

// Define the data you want to send to the server
const dataToSend = {
  name: "John Doe",
  email: "[email protected]",
};

// Create a new XMLHttpRequest object
const xhr = new XMLHttpRequest();

 
xhr.open("POST", "http://localhost:8080/api/create", true);

xhr.setRequestHeader("Content-Type", "application/json");
 
xhr.onload = function () {
  if (xhr.status === 200) {
    // Request was successful, handle the response data here
    const responseData = JSON.parse(xhr.responseText);
    console.log("Response from server:", responseData);
  } else {
    // Request encountered an error, handle the error here
    console.error("Error:", xhr.status, xhr.statusText);
  }
};

 
xhr.onerror = function () {
  console.error("Network error occurred");
};

 
const jsonData = JSON.stringify(dataToSend);

 
xhr.send(jsonData);

不要忘记将数据转换为JSON格式。
这只是将前端与SpringBoot应用程序连接的一种工作方式。
HAPPY LEARNING:)

相关问题