在前后端不分离的项目中,前端访问后端的入口通常是通过配置 Spring Boot 项目的请求映射来实现。这个配置通常在 Spring Boot 项目的控制器(Controller)中完成。
假设你的 Spring Boot 项目使用了 Spring MVC,下面是一个简单示例来说明如何配置前端访问后端的入口:
-
创建一个控制器:
在 Spring Boot 项目中创建一个控制器类,用于处理前端请求并提供相应的后端服务。
java
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;@RestController
public class MyController {@GetMapping("/api/data")
public String getData() {
// Your logic to handle the request and provide data
return "This is data from the server.";
}
}在这个示例中,我们创建了一个
/api/data
的接口,用于演示前端请求后端的数据。 -
前端调用后端接口:
在前端的 Vue.js 项目中,你可以通过 AJAX 请求或者使用现代的 Fetch API 调用后端接口。
javascript
// Assuming you're using Fetch API
fetch('http://localhost:8080/api/data')
.then(response => response.json())
.then(data => {
console.log('Data from server:', data);
// Process the data as needed
})
.catch(error => console.error('Error:', error));这样,前端就可以通过
/api/data
这个接口访问后端提供的数据。
确保 Spring Boot 项目已经正确运行,可以通过 http://localhost:8080/api/data
访问你在控制器中配置的接口。在前端项目中使用对应的 URL 进行数据请求。