vueconfig.js配置文件 proxy

作者：浪子罢了发布日期:2026-01-27 浏览:90

// vue.config.js 配置文件中的 proxy 示例

module.exports = {
  // devServer 用于配置开发服务器
  devServer: {
    proxy: {
      // 指定代理的上下文路径，例如 /api 开头的请求都会被代理
      '/api': {
        target: 'http://localhost:5000', // 目标服务器地址
        changeOrigin: true, // 是否改变源，默认为 false
        pathRewrite: { // 路径重写规则，可以去掉 /api 前缀
          '^/api': ''
        },
        ws: true // 是否代理 WebSocket，默认为 false
      }
    }
  }
};

// 解释说明：
// 1. `target`：指定目标服务器的地址，所有匹配 `/api` 的请求都会转发到这个地址。
// 2. `changeOrigin`：设置为 true 时，会修改请求的 origin，解决跨域问题。
// 3. `pathRewrite`：可以对请求路径进行重写，比如将 `/api` 去掉，直接请求目标服务器的根路径。
// 4. `ws`：如果需要代理 WebSocket 请求，设置为 true。

上一篇：vue项目打包成dist

下一篇：vue computed和watch的区别