diff --git a/template/build/dev-server.js b/template/build/dev-server.js
index e3c7b55708..4edce9102c 100644
--- a/template/build/dev-server.js
+++ b/template/build/dev-server.js
@@ -14,6 +14,8 @@ var webpackConfig = {{#if_or unit e2e}}(process.env.NODE_ENV === 'testing' || pr
   ? require('./webpack.prod.conf')
   : {{/if_or}}require('./webpack.dev.conf')
 
+// default hostname where dev server listens for incoming traffic
+var host = process.env.HOST || config.dev.host || 'localhost'
 // default port where dev server listens for incoming traffic
 var port = process.env.PORT || config.dev.port
 // automatically open browser, if not set will be false
@@ -65,7 +67,7 @@ app.use(hotMiddleware)
 var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
 app.use(staticPath, express.static('./static'))
 
-var uri = 'http://localhost:' + port
+var uri = 'http://' + host + ':' + port
 
 var _resolve
 var readyPromise = new Promise(resolve => {
@@ -82,7 +84,7 @@ devMiddleware.waitUntilValid(() => {
   _resolve()
 })
 
-var server = app.listen(port)
+var server = app.listen(port, host)
 
 module.exports = {
   ready: readyPromise,
diff --git a/template/config/index.js b/template/config/index.js
index 196da1fa7d..945d733ae9 100644
--- a/template/config/index.js
+++ b/template/config/index.js
@@ -23,6 +23,7 @@ module.exports = {
   },
   dev: {
     env: require('./dev.env'),
+    host: process.env.HOST || 'localhost',
     port: 8080,
     autoOpenBrowser: true,
     assetsSubDirectory: 'static',