vue配置代理解决跨域问题

在 vue.config.js 文件中，你可以使用 devServer.proxy 选项来设置代理以解决跨域问题。下面是一个示例配置：

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

在这个示例中，我们设置了一个代理，将以 /api 开头的请求代理到 http://localhost:8000。其中的选项解释如下：

• target：代理的目标地址。
• changeOrigin：是否修改请求头中的 Host 字段为目标地址。
• pathRewrite：路径重写规则，用于修改请求路径。

通过这个配置，当你在开发环境中发送 /api/users 的请求时，它会被代理到 http://localhost:8000/users。

你可以根据你的具体需求和后端配置进行相应的修改。确保在项目根目录下的 vue.config.js 文件中添加这个配置，然后重新启动开发服务器，代理配置就会生效。