vue.config.js proxy

作者：夜雨行空发布日期:2025-10-19 浏览:61

// vue.config.js

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:5000', // 目标服务器的地址
        changeOrigin: true, // 是否改变源
        pathRewrite: { '^/api': '' }, // 路径重写，将 /api 前缀去掉
        ws: true // 是否代理 websocket
      }
    }
  }
}

解释说明：

devServer.proxy：用于配置开发服务器的代理设置。
target：指定目标服务器的地址，这里假设后端服务运行在 http://localhost:5000。
changeOrigin：设置为 true 时，会修改请求头中的 host 为 target 的 host，以解决跨域问题。
pathRewrite：路径重写规则，例如将 /api 开头的请求路径重写为目标服务器的根路径。
ws：是否代理 WebSocket 请求。

上一篇：vue list添加元素

下一篇：vue 隐藏滚动条