为什么jsonp不跨越，axios请求跨域

JSONP 不跨域的原因是因为 JSONP 利用的是通过 script 标签加载资源不受同源策略的限制，但是这种方式只适用于 GET 请求，而且服务端需要特殊的支持，返回的数据必须是一个函数调用，而不是普通的 JSON 格式数据。

而 Axios 请求跨域的原因是因为浏览器的同源策略限制了 Ajax 请求只能访问同源的资源，不同源的资源无法访问。但是有时候我们需要访问其他域名下的资源，这时候就需要使用跨域技术了，比如 CORS、JSONP、代理等。

在使用 Axios 进行跨域请求时，需要注意服务端是否开启了 CORS（跨域资源共享）支持，如果没有开启，需要在服务端配置相应的响应头。此外，还需要在 Axios 请求中设置相应的配置，比如 withCredentials、headers、params 等。同时，也可以通过代理的方式来实现跨域请求，比如通过 webpack-dev-server 的 proxy 配置实现代理。

相关问题

vue axios jsonp跨域问题

Vue是一款非常流行的JavaScript框架，而Axios是一个基于Promise的HTTP客户端工具库。然而，在使用Vue和Axios时，我们可能会遇到跨域问题。当我们从一个域名发送HTTP请求到另一个域名时，由于浏览器的同源策略限制，会产生跨域问题。Jsonp是一种解决跨域问题的方法之一。

Jsonp全称为JSON with Padding，它通过在前端创建一个script标签，并设置其src属性为包含回调函数的URL，来实现跨域请求。服务器在收到请求后，将返回一个JavaScript函数调用，并将数据作为参数传入该函数中。这样，前端页面就可以通过定义该回调函数，获取到服务器返回的数据。

在Vue中使用Axios发送Jsonp请求，可以通过设置Axios的`params`选项来实现。具体步骤如下：

1. 首先，在Vue项目中安装Axios库：`npm install axios`

2. 然后在Vue组件中引入Axios：`import axios from 'axios'`

3. 创建一个方法来发送Jsonp请求：

methods: {
  fetchData() {
    axios({
      method: 'jsonp',
      url: 'http://example.com/api',
      params: {
        callback: 'jsonpCallback',  // 回调函数名
      }
    })
    .then(response => {
      console.log(response.data);  // 获取到服务器返回的数据
    })
    .catch(error => {
      console.log(error);
    });
  }
}

4. 在上述代码中，通过设置`params`属性将回调函数名传递给服务器。服务器在返回数据时，会将回调函数名拼接到返回数据的尾部。

5. 最后，在模板或其他地方调用该方法，即可发送Jsonp请求来获取跨域数据。

需要注意的是，由于Jsonp使用`<script>`标签加载数据，因此只能发送GET请求。同时，为了保证安全性，我们需要对返回的数据进行校验和过滤，以防止恶意注入脚本。

以上就是通过Vue和Axios发送Jsonp请求来解决跨域问题的方法。希望这能对你有所帮助！

axios get 跨域请求

在使用 axios 发送 GET 请求进行跨域请求时，可以采取以下两种方式：

1. JSONP

JSONP 是一种跨域请求的方式，它利用了 script 标签可以跨域加载资源的特性，通过在 URL 中添加一个回调函数名，服务器将返回一个类似 JavaScript 函数调用的响应，前端页面再通过该回调函数处理响应数据。

使用 axios 发送 JSONP 请求，可以使用 `jsonp` 配置选项，例如：

axios({
  url: 'http://api.example.com/data',
  params: {
    callback: 'handleData'
  },
  jsonp: 'callback'
})
.then(response => {
  console.log(response)
})
.catch(error => {
  console.log(error)
})

其中，`params` 是请求参数，`jsonp` 是回调函数名的参数名，例如上面的示例中回调函数名为 `handleData`。

2. 代理

使用代理是另一种跨域请求的方式，它通过在同源的服务器端发起请求，把目标服务器的响应返回给前端页面，从而避免了浏览器的跨域限制。

使用 axios 发送代理请求，可以配置代理服务器的地址，例如：

axios({
  url: '/data',
  baseURL: 'http://localhost:8080/proxy',
  params: {
    id: 123
  }
})
.then(response => {
  console.log(response)
})
.catch(error => {
  console.log(error)
})

其中，`url` 是代理服务器的请求路径，`baseURL` 是代理服务器的地址，`params` 是请求参数。代理服务器可以使用任何后端语言和框架实现，例如 Node.js、PHP、Java 等。