代码之家 › 专栏 › 技术社区 › Clifton Labrum

如何为Vue CLI 3项目设置虚拟主机

vue-cli-3 vue-cli vue.js webpack

1

Clifton Labrum · 技术社区 · 7 年前

http://pbdev 而不是 localhost:8080 . 我熟悉在Apache中创建虚拟主机,但不清楚如何在Vue CLI 3项目中实现这一点。

/etc/hosts :

# Vue Hosts
127.0.0.1:8080  pbdev

我把这个放进去了 vue.config.js :

module.exports = {
  lintOnSave: false,
  devServer: {
    host: 'pbdev',
    port: 8080,
    https: false
  }
}

我得到以下错误:

INFO  Starting development server...
10% building modules 1/1 modules 0 activeevents.js:167                            
  throw er; // Unhandled 'error' event
  ^

Error: getaddrinfo ENOTFOUND pbdev
  at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:57:26)
Emitted 'error' event at:
  at GetAddrInfoReqWrap.doListen [as callback] (net.js:1505:12)
  at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:57:17)

有人知道我做错了什么吗?

2 回复 | 直到 7 年前

1

3

Eric Guan 7 年前

这个 :8080 /etc/hosts 有问题吗,就这样 127.0.0.1 pbdev

快乐的呜呜!

2

1

Sean Coleman 7 年前

多好的问题!值得庆幸的是,Vue CLI3通过 --host --port 对于自定义端口。您不必配置Apache或自定义web服务器。

Vue CLI指南提供了一些详细信息: https://cli.vuejs.org/guide/cli-service.html#vue-cli-service-serve