webpack-dev-serverの前にリバプロをおいて任意のホスト，プロトコル，ポートで配信する場合，webpackのdevServer.publicオプションを指定すると色々といいかんじになる．(指定しないとwebsocketが違うアドレスをみにいってこまる．)
値にはホストやhost:portなどが指定できる．スキームもつけてしまうと(CLI表示上はよさそうだけど)ドメイン一致に失敗するっぽい．
vue-cliで必要な場合vue.config.jsに以下のように．
module.exports = {
devServer: {
public: 'dev.example.com',
}
}