多语言展示
当前在线:1359今日阅读:103今日分享:49

java如何实现前后端分离

在现在的开发只中,很多项目都是前后端分离的,接口只负责数据,前端只负责展示,这样大大解耦的系统架构,这里分享这么实现前后分离
工具/原料
1

springboot

2

nginx

方法/步骤
1

第一步:配置服务器环境,即新建一个springboot项目,写一个接口,代码如下:@RestController public class DemoController {       @PostMapping('/orderinfo')     String orderInfo(){         return 'order';     }}

2

第二步:前后端分离最主要的就是配置跨域问题,很多接口不通都是跨域惹的祸,跨域配置如下:@Configuration public class WebMvcConfig implements WebMvcConfigurer {     @Override     public void addCorsMappings(CorsRegistry registry) {         registry.addMapping('/**')                 .allowedOrigins('*')                 .allowedMethods('POST', 'GET', 'PUT', 'OPTIONS', 'DELETE')                 .maxAge(3600)                 .allowCredentials(true);     } }

3

第三步:启动项目,并用posman进行接口测试,在工具里面post一下 http://127.0.0.1:8080/orderinfo,效果如图:

5

第五步:写一个html文件放到上面的配置路径下,比如上面配置的是:D:/nginx/nginx-1.13.0/html,那就把html文件放到此目录下,如图:

6

第六步:html代码如下:请求接口

7

第七步:前后端分离完成,现在开始测试一下,如图:

注意事项

nginx不要配置错误

推荐信息