使用Vue调用后台接口

最近在学习使用vue,看完调接口之后,立马使用springboot作为后台,跃跃欲试,很尴尬,刚刚写完一个后台,vue调用就出错了
使用Vue调用后台接口_第1张图片

1.跨域的问题

我还以为是需要的接口和我的接口不一致,后来知道并不是端口问题;

解决办法:
前台vue的调用地址是没有错的,那么就是后台的问题;
1.如果我们的后台是使用springboot,在controller层直接添加一个注解就可以了 @CrossOrigin
在这里插入图片描述
2.另一种我们可以直接使用servlet的方式
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Cache-Control", "no-cache");使用Vue调用后台接口_第2张图片

2.如何调用接口如何带参数:

使用Vue调用后台接口_第3张图片
我们可以直接使用{param:{‘名’:值}},可以这样带参数

你可能感兴趣的:(VUE学习,vue接口)