vue proxy

作者：开阔蓝天uだ发布日期:2026-01-09 浏览:36

// Vue 2.x 中使用 proxy 配置示例

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 目标服务器地址
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '' // 重写路径，去掉 /api 前缀
        }
      }
    }
  }
};

// 解释说明：
// 上述代码是 Vue CLI 项目中配置开发服务器代理的示例。通过配置 `proxy`，可以将 `/api` 开头的请求转发到目标服务器（例如：`http://localhost:3000`），并且可以通过 `pathRewrite` 将 `/api` 前缀去掉，使得请求能够正确匹配目标服务器的路由。

上一篇：vue this.$set

下一篇：vue mixins使用