axios 加入param参数请求数据不起作用

Question

在vue中使用腾讯地图，
在请求数据的时候需要使用axios来进行ajax请求
例如：
请求规划路线
在index.js中设置

'/searchwalk':{
            target:'https://apis.map.qq.com/ws/direction/v1/walking/?',
            changeOrigin:true,
            pathRewrite:{
                '^/searchwalk':'/searchwalk'
            }
        },
    

之后再vue页面中，就用到

axios({
                  method:'get',
                  url: '/searchwalk',
                  params: {
                       from: "39.984042,116.307535",
                       to:'39.976249,116.316569',
                       key:"WQCBZ-4FF3F-WI4JL-NJGAX-MECTJ-GMFWA"
                  },
                  headers:{
                         'X-Requested-With':'XMLHttpRequest',
                       'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8'
                  }
                  }).then(res => {
                        console.log(res);
                  })
              

我的理解是请求url是这样的

https://apis.map.qq.com/ws/direction/v1/walking/?from=39.984042,116.307535&to=39.976249,116.316569&key=WQCBZ-4FF3F-WI4JL-NJGAX-MECTJ-GMFWA

但是请求后返回信息是

{status: 300, message: "缺少必要字段from"}

请问如何才能正确使用axios加入参数呢？

Answer 1

这个应该是服务器的问题吧，你看你传入的参数跟接口要求是不是少了

Answer 2

要将index.js写成
'/searchwalk':{

        target:'https://apis.map.qq.com/ws/direction/v1/walking/',
        changeOrigin:true,
        pathRewrite:{
            '^/searchwalk':''
        }
    },