element-plus axios使用jsonp

Element-plus和Axios都是基于原生的XMLHttpRequest对象实现的，而JSONP是一种不基于XMLHttpRequest对象的跨域请求机制，因此使用JSONP需要使用其他库或者自己实现跨域请求的代码。

JSONP（JSON with Padding）是一种简单的跨域数据传输方式，它通过动态创建`<script>`标签来实现跨域请求。JSONP的原理是利用`<script>`标签的跨域特性，在请求中使用一个回调函数名作为参数，服务器端将数据包装在该回调函数中返回，客户端通过该回调函数来获取数据。

使用JSONP时需要注意以下几点：

1. 服务器端需要支持JSONP请求，并在响应中返回符合JSONP规范的数据。
2. 客户端需要定义一个全局的回调函数，并将该函数名作为请求参数发送给服务器端，服务器端将数据包装在该函数中返回。
3. 由于JSONP是通过`<script>`标签实现的，因此服务器端返回的数据必须是可执行的JavaScript代码，而不是普通的JSON格式数据。

以下是一个使用纯JavaScript实现的JSONP请求的示例代码：

function jsonp(url, callback) {
  const script = document.createElement('script')
  const callbackName = 'jsonp_callback_' + Math.round(100000 * Math.random())

  window[callbackName] = function(data) {
    delete window[callbackName]
    document.body.removeChild(script)
    callback(data)
  }

  const query = url.indexOf('?') === -1 ? '?' : '&'
  script.src = url + query + 'callback=' + callbackName
  document.body.appendChild(script)
}

以上代码定义了一个`jsonp`函数，用于发送JSONP请求。该函数接受两个参数，第一个参数是请求的URL地址，第二个参数是回调函数，用于处理服务器端返回的数据。

在Element-plus项目中使用JSONP时，可以将以上代码封装成一个单独的模块，然后在需要发送JSONP请求的地方引入该模块，例如：

import jsonp from './jsonp'

jsonp('https://example.com/api/data', function(data) {
  // 处理服务器端返回的数据
})

需要注意的是，JSONP请求具有一定的安全风险，因为服务器端返回的数据是可执行的JavaScript代码，可以在客户端执行任意的JavaScript代码。因此在使用JSONP时需要仔细考虑安全问题。如果需要更安全的跨域请求方式，可以使用CORS或者其他技术来实现。