Vue 中如何进行跨域请求？

Vue是一种流行的JavaScript框架，用于构建现代化的Web应用程序。在使用Vue开发应用程序时，常常需要与不同的API交互，而这些API往往位于不同的服务器上。由于跨域安全策略的限制，当Vue应用程序在一个域名上运行时，它不能直接与另一个域名上的API进行通信。本文将介绍几种在Vue中进行跨域请求的方法。

1. 使用代理

一种常见的跨域解决方案是使用代理。在这种情况下，Vue应用程序通过向同一服务器发出HTTP请求来绕过浏览器的同源策略。服务器接收请求，并将它们转发给实际的API。由于代理服务器与API位于同一域上，浏览器不会对此发出跨域安全限制。以下是如何设置代理的示例：

// vue.config.js

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'https://example.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

在上面的示例中，我们将所有以/api开头的请求代理到https://example.com上。changeOrigin设置为true表示将源设置为target的地址，并设置pathRewrite以将/api从请求中删除。

2. JSONP（仅限GET请求）

JSONP是一种旧的跨域解决方案，它使用GET请求在不同的域上动态添加一个