vue-cli devServer 代理绕过

本文介绍了vue-cli devServer 代理绕过的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我希望 Vue CLI 的开发服务器在获取特定 URL 时返回一个字符串.为此，我想使用 webpack dev-server 的 bypass 选项.(webpack 文档)

I would like Vue CLI's dev server to return a string when a specific URL is fetched. For this, I wanted to use webpack dev-server's bypass option. (webpack docs)

我试过了:

devServer: {
    proxy: {
        '/something': {
            bypass: (req, res) => res.send(process.env.SOMETHING),
        }
    }
}

这会导致一个错误:当 package.json 中的代理是一个对象时，每个上下文对象都必须有一个指定为 url 字符串的目标属性.

我不需要 target 选项(比如在这个例子)

I don't need a target option (like in this example)

我怎样才能做到这一点?

How can I make this work?

推荐答案

devServer.proxy 不适合于此.相反，在 devServer.before:

devServer.proxy isn't appropriate for this. Instead, add your route in devServer.before:

// vue.config.js
module.exports = {
  devServer: {
    before(app) {
      app.get('/something', (req, res) => res.send(process.env.SOMETHING))
    }
  }
}

这篇关于vue-cli devServer 代理绕过的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！