如何配置 vue config js 解决跨域？

在开发过程中，我们经常会遇到需要访问其他域名下的接口的情况。如果不进行跨域处理，浏览器会阻止这种访问，为了解决这个问题，我们可以通过配置 vue config js 来实现跨域。

Vue 项目中，可以通过 vue.config.js 文件来进行一些全局的配置。其中包括一些开发时使用的配置以及生产环境下使用的配置。

要解决跨域问题，我们可以在 vue.config.js 中使用 devServer.proxy 来配置代理。具体操作如下：

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

上面的代码中，我们使用了 devServer.proxy 来配置代理。其中，’/api’ 是我们想要代理的接口的前缀，” 是我们要访问的接口的域名。changeOrigin 为 true 表示开启跨域，pathRewrite 表示将接口前缀替换为空。

配置完成后，我们就可以通过访问 ‘/api’ 开头的接口来实现跨域请求了。

总之，在开发过程中，要解决跨域问题，可以通过配置 vue config js 的 devServer.proxy 来实现。这样可以帮助我们顺利访问其他域名下的接口，提高开发效率。