vue发送axios请求时报错400,但是当直接通过地址栏路径访问时是可以的

axios发送get请求给后端,后端报错400
vue发送axios请求时报错400,但是当直接通过地址栏路径访问时是可以的

这是请求的方法

 serchbook(){
          console.log(this.serch)
          axios({
            method:"GET",
            url:"http://localhost:8082/getbookserch?key="+this.serch,
         
          }).then(ref=>{
          this.classifys(ref.data)
           
             
          }) 
        },

serch是我输入的值,该请求是实现模糊查询到具体的数据
这是后端代码


```java
@Controller
@ResponseBody
public class Bookcontorller {
 @Autowired
    Bookservice bookservice;
 @RequestMapping("/getbookserch")
    public ArrayList getbookser(String key){

        return bookservice.getbookserc(key);
    }}

后面就是调用查数据库的代码了

```java
<select id="getbookserch" resultType="com.example.novel.show.pojo.bookpojo">
        select * from book where bookname like '%${key}%'
    </select>

然后当直接输入地址栏时

img

但是当我在vue里面发送axios请求时

img


后端也报错

img

400一般是前端请求参数有问题 不符合后端的要求,看你的页面报错 报错的接口 不是你写的"http://localhost:8082/getbookserch?key 这个接口应该没问题
报错的是 getbook?type这个接口