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

时间:2018-08-16 22:41:01

标签: webpack vue.js vue-cli vue-cli-3

我希望能够从f = open('esp.txt', 'r') urls = open('urls.txt', 'w') for lines in f: urls.write('http://www.' + lines + '.com' + '\n') f.close() urls.close() 而不是http://pbdev访问我的Vue项目。我熟悉在Apache中创建虚拟主机的方法,但是我不清楚如何通过Vue CLI 3项目执行此操作。

到目前为止,我已经将其放在localhost:8080中:

/etc/hosts

我把它放在# Vue Hosts 127.0.0.1:8080 pbdev 中:

vue.config.js

我收到以下错误:

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

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

2 个答案:

答案 0 :(得分:3)

:8080中的/etc/hosts是问题,只需127.0.0.1 pbdev

Vueing!

答案 1 :(得分:1)

多么好的问题!值得庆幸的是,Vue CLI 3带有--host标志使其相当简单,您可以在其中传递自定义主机,并为自定义端口传递--port。您不必配置Apache或自定义Web服务器。

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