vue-cli devServer代理绕过

Question

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

我试过这个：

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

这会导致一个错误：When proxy in package.json is an object, each context object must have a target property specified as a url string。

我不需要target选项(如本例(

我怎样才能做到这一点？

Answer 1

devServer.proxy不适用于此。相反，在Webpack 4中的devServer.before中添加您的路由(用于Vue CLI 4(：

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

或Webpack 5中的devServer.onBeforeSetupMiddleware(用于Vue CLI 5(:

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