前端在vue.config百分百解决跨域的方法代码

在 Vue 项目中，解决跨域问题可以通过配置 `vue.config.js` 文件来实现。具体的代码示例如下：

module.exports = {
  devServer: {
    proxy: {
      // 配置跨域请求的代理服务器
      '/api': {
        target: 'http://localhost:3000', // 目标服务器的地址
        changeOrigin: true, // 开启代理服务器的跨域请求
        pathRewrite: {
          '^/api': '' // 重写请求路径，将 /api 替换为空
        }
      }
    }
  }
}

这段代码的含义是：当我们在前端发起以 `/api` 开头的请求时，代理服务器将这个请求转发到 `http://localhost:3000` 这个地址的服务器上，并将响应结果返回给前端。

需要注意的是，在使用以上代码前，需要先安装 `http-proxy-middleware` 这个依赖，否则会报错。可以使用以下命令进行安装：

npm install http-proxy-middleware --save-dev

使用以上配置后，就可以愉快地进行跨域请求了。