开发环境下vue如何通过proxy代理解决跨域问题

Vue可以通过配置proxy代理来解决跨域问题。在vue.config.js文件中添加以下代码：

module.exports = {
  devServer:{
    proxy: {
      '/api': {
        target: 'http://localhost:3000',//需要代理的服务器地址
        changeOrigin: true,//是否跨域
      }
    }
  }
}

其中，target为需要代理的服务器地址。通过在axios请求后面添加“/api”前缀，可以将请求代理到target所指定的服务器地址。

需要注意的是，changeOrigin必须设置为true，否则代理无效。