vue调接口都可以跨域 就有一个不可以

在 Vue 中调用接口时，通常使用 axios 或 vue-resource 库来进行网络请求，它们都可以实现跨域调用。但是，如果服务器端配置了 CORS（跨域资源共享）策略，并且该策略不允许 Vue 应用的域访问接口，那么就会出现跨域问题。

相关问题

vue调用外部接口双跨域

如果你的Vue应用需要调用一个不同域名下的外部接口，那么你需要处理跨域请求。双跨域即涉及到Vue应用和外部接口都存在跨域问题。

解决这个问题的方法有很多种，以下是其中一些常用的方法：

1. 使用代理

Vue CLI提供了一个配置项`proxy`，可以将Vue应用中的API请求代理到后端API服务器。通过设置代理，可以避免浏览器发生跨域请求。具体实现可以参考Vue CLI官方文档中的Proxy配置。

2. 跨域资源共享（CORS）

如果你无法修改外部接口的响应头，那么可以考虑使用CORS来解决跨域问题。在后端API服务器上设置响应头，允许指定的域名访问该接口。具体实现可以参考MDN Web文档中的CORS介绍。

3. JSONP

如果外部接口不支持CORS，那么可以使用JSONP来获取数据。JSONP通过在页面中动态创建一个`<script>`标签，将请求发送到外部接口，并在响应中返回一个回调函数的调用。具体实现可以参考jQuery官方文档中的JSONP介绍。

4. WebSocket

如果你需要实时获取外部接口的数据，那么可以使用WebSocket来建立一个持久化连接。WebSocket是一种基于TCP的协议，可以在浏览器和服务器之间双向通信。具体实现可以参考MDN Web文档中的WebSocket介绍。

以上是一些常用的解决方法，你可以根据情况选择适合自己的方法来解决双跨域问题。

vue2请求接口跨域

在Vue2中进行跨域请求可以通过以下几种方式解决：

1. 代理服务器：在Vue CLI 2.x版本中，可以在`config/index.js`文件中配置代理服务器。在`proxyTable`选项中添加以下代码：

proxyTable: {
  '/api': {
    target: 'http://api.example.com', // 目标服务器地址
    changeOrigin: true, // 支持跨域
    pathRewrite: {
      '^/api': '' // 将/api替换为空字符串，去掉/api前缀
    }
  }
}

然后在代码中使用`/api`前缀来请求数据，例如`axios.get('/api/users')`。

2. JSONP：如果接口支持JSONP方式，可以使用Vue的`vue-jsonp`插件进行跨域请求。首先安装插件：

npm install vue-jsonp --save

然后在代码中使用`this.$jsonp()`方法进行请求：

import VueJsonp from 'vue-jsonp';
Vue.use(VueJsonp);

this.$jsonp('http://api.example.com/users').then(response => {
  // 处理响应数据
}).catch(error => {
  // 处理错误
});

3. CORS：如果后端接口支持CORS（跨域资源共享），可以直接在Vue代码中发送跨域请求。例如使用Axios库：

import axios from 'axios';

axios.get('http://api.example.com/users', { withCredentials: true }).then(response => {
  // 处理响应数据
}).catch(error => {
  // 处理错误
});

在请求中设置`withCredentials: true`以携带跨域请求的凭据（如Cookies）。

需要注意的是，在开发环境中通常是通过代理服务器解决跨域问题，而在生产环境中应该由后端服务器设置CORS策略来支持跨域请求。