作为一名vue前端开发工程师，axios怎么使用jsonp

Axios是一个基于Promise的http库，不支持jsonp，但是可以通过jsonp库来实现。下面是实现jsonp的示例代码：

import jsonp from 'jsonp'

jsonp('http://example.com/data', { param: 'callback' }, (err, data) => {
  if (err) {
    console.error(err.message)
  } else {
    console.log(data)
  }
})

这里使用了jsonp库，第一个参数是请求的url，第二个参数是jsonp的配置，其中param是指定回调函数名的参数名称，默认为callback。第三个参数是回调函数，用于处理返回的数据。在vue中，可以将该代码封装为一个方法，在需要使用的地方调用即可。

import jsonp from 'jsonp'

export default function jsonpRequest (url, data) {
  return new Promise((resolve, reject) => {
    jsonp(url, { param: 'callback', data }, (err, res) => {
      if (err) {
        reject(err)
      } else {
        resolve(res)
      }
    })
  })
}

使用时，直接调用该方法即可：

import jsonpRequest from '@/utils/jsonpRequest'

jsonpRequest('http://example.com/data', { id: 1 }).then(res => {
  console.log(res)
}).catch(err => {
  console.error(err.message)
})

需要注意的是，jsonp只支持GET请求，因此在使用时需要将请求方法设置为GET。另外，jsonp是通过在页面中动态添加script标签来实现的，因此需要保证返回的数据是可执行的JavaScript代码。