vue跨域replace

对于Vue项目的跨域请求重写，你可以使用vue.config.js文件进行配置。首先，确保你的项目中已安装了axios库来进行网络请求。

在根目录下创建vue.config.js文件，然后添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://example.com', // 修改为你要请求的后端接口地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 将/api重写为空字符串，即去掉/api前缀
        }
      }
    }
  }
}

上述代码中，我们将所有以`/api`开头的请求重定向到了`http://example.com`。你可以根据实际情况修改`target`的值为你要请求的后端接口地址。

例如，假设你要请求的接口为`http://example.com/api/login`，那么在Vue代码中，你可以这样发送请求：

axios.get('/api/login')
  .then(response => {
    // 处理响应结果
  })
  .catch(error => {
    // 处理错误
  });

这样，Vue会将`/api/login`重写为`http://example.com/login`，从而实现跨域请求。

请记得在修改完