vue3设置跨域devServer

Vue CLI 3提供了一种简单的方法来设置跨域请求。您可以通过编辑项目根目录下vue.config.js文件来配置devServer选项。在devServer选项中，您可以使用proxy字段来设置代理。

// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com', // 设置代理目标地址
        changeOrigin: true, // 是否改变请求源地址
        pathRewrite: {
          '^/api': '' // 重写请求路径，可选配置
        }
      }
    }
  }
}

上述配置中，我们将以/api开头的请求代理到http://api.example.com。changeOrigin选项设置为true表示将请求源地址更改为代理目标地址。如果需要重写请求路径，可以使用pathRewrite选项。

请注意，以上配置只在开发环境中生效，正式环境需要采用其他方法来处理跨域，比如后端设置可以跨域、Nginx反向代理或前端使用JSONP处理跨域。