https://apis.map.qq.com/ws/place/v1/suggestion 查询 JSONP、sig校验，接口报错？
import { jsonp } from 'vue-jsonp'
import md5 from 'blueimp-md5'
function searchLocation(params: any) {
const key = 'xxxx'
const SecretKey = 'xxxx'
const url = `/ws/place/v1/suggestion?key=${key}&keyword=${params.keyword}®ion=${params.region}${SecretKey}`
let sig = md5(url) // 这个地方的md5没有问题 与这个工具返回一致 https://lbs.qq.com/service/webService/WebServiceAPITool/md5_tool
jsonp(`https://apis.map.qq.com/ws/place/v1/suggestion`, {
callbackQuery: 'callback',
callbackName: 'jsonpCallback',
keyword: params.keyword,
key,
sig,
output: 'jsonp',
})
.then((item: any) => {
console.log(item)
})
.catch((e) => {
console.log(e)
})
}
searchLocation({
keyword: '江苏',
region: '',
})
通过jsonp请求，sig无法通过校验，报错
JSONP无法通过校验，签名验证失败
回答 1
找到原因了，参数首字母要正序排序，必须要设置jsonp，必须要设置callback
function searchLocation(params: any) {
const key = 'xxxx'
const SecretKey = 'xxxx'
// 参数要按首字母排序
const url = `/ws/place/v1/suggestion?callback=jsonpCallback&key=${key}&keyword=${params.keyword}&output=jsonp®ion=${params.region}${SecretKey}`
let sig = md5(url)
jsonp(`https://apis.map.qq.com/ws/place/v1/suggestion`, {
callbackQuery: 'callback', // 设置callback参数的key 不设置的话callback参数会自动被赋予一个随机值 md5校验无法通过
callbackName: 'jsonpCallback',
keyword: params.keyword,
key,
sig,
region: '',
output: 'jsonp',
})
.then((item: any) => {
console.log(item)
})
.catch((e) => {
console.log(e)
})
}
searchLocation({
keyword: '苏州',
region: '',
})和开发者交流更多问题细节吧，去 写回答
相关文章
点击加载更多
腾讯云开发者
