vue 访问 后端端口失效_Vue 新手向——后端代码（1）

现在前后端分离是程序越来越多的趋势了，今天在学习vue时，前期在本地跑得好好的，然后和后端一对接就出问题了，但是前端和后端是不可能不和后端对接的。

1. 即便是后台数据库比较花时间，但是用户体验也比前面的方式好，因为用户会先看到部分页面，过一小会儿再看到数据，比在空白页面打圈圈等待体验好。
2. 后端只提供数据，所以前后端开发耦合度降低了很多，整体开发效率可以得到较大提高。

@RequestMapping("/findAll/{page}/{size}")public Page findAll(@PathVariable("page") Integer page, @PathVariable("size") Integer size){    Pageable request = PageRequest.of(page,size);    return bookRepository.findAll(request);}

使用JPA 实现最简单的增删改查，以上就是：通过地址栏传递参数，后端通过@PathVariable属性获取地址栏中的参数，并将其传入代码中，并在数据库中查询到所需的数据，并显示出来。

下图就是通过 访问 http://localhost:8181/book/findAll/1/6 接口来获取数据，其中localhost是ip，就像我们访问的那些网站，只不过那些网站都是域名的，如：baidu.com，qq.com。。

在本地环境下，localhost 可以等于 127.0.0.1，已经你的ip，具体ip查看，win+R, 打开命令行窗口，输入ipconfig，找到你的ip，如我的ip是192.168.0.192，那么我通过，http://192.168.0.192:8181/book/findAll/1/6，也是可以访问的，但是通过ip访问，其他电脑也可以访问，但是通过

localhost或者127.0.0.1，这种只能自己访问，如果别人访问，那将是访问别人自己的电脑。

8181表示端口，若是端口为80，那么可以省略不写，就像我们访问的 www.baidu.com，没有在后面加端口，因为80端口是默认的，如果你不写端口，默认就是80端口，(不信？？？不信可以尝试去访问一下，www.baidu.com:80 www.baidu.com:8181)或是其他网站的非80端口试试，看能不能访问。

/book/findAll 表示接口名称

以上，就是后端代码的写法，通过集成的JPA可以很轻易的写出较为简单的查询，若是复杂一点的查询，JPA就不够用了，当然这是后话了