我在 dockerized 项目中使用 vue-cli，端口映射如下所示：“4180:8080”，编译我的 SPA 后的实际消息如下：
App running at:
- Local: http://localhost:8080/app/
It seems you are running Vue CLI inside a container.
Access the dev server via http://localhost:<your container's external mapped port>/app/
应用程序运行良好，我可以按设想通过http://localhost:4180/app/ 访问，但我无法找到适当的方法来更改上面的消息以显示此链接，而不是“您似乎正在运行 Vue CLI容器...”。我可以使用 webpack 钩子在消息之前插入链接，但实际上想找到更改由 cli 生成的消息的方法。有没有可能？
【问题讨论】：
标签： vue-cli
我提出了这个问题 - 因为我希望使用 bash 做同样的事情，在 Docker 容器中运行（可能是你已经在做的事情）。
您可以通过从 Docker 容器中生成子节点进程来调用 Vue CLI 命令来实现此目的（假设您的容器正在运行节点）。然后您可以相应地修改stdout 和stderr 的输出。
您可以通过以下两种方式之一调用 Javascript 文件：
// index.js
const { spawn } = require('child_process')
const replacePort = string => {
return string.replace(`<your container's external mapped port>`, 8000)
}
const vueCLI = (appLocation, args) => {
return new Promise((resolve, reject) => {
const vue = spawn('vue', args, {cwd: appLocation})
vue.stdout.on('data', (data) => {
console.log(replacePort(data.toString('utf8', 0, data.length)))
})
vue.stderr.on('data', (error) => {
console.log(replacePort(error.toString('utf8', 0, error.length)))
})
vue.on('close', (exitCode) => {
if (exitCode === 0) {
resolve()
} else {
reject(new Error('Vue CLI exited with a non-zero exit code'))
}
})
})
}
vueCLI('path/to/app', CLI_Options).then(() => resolve()).catch(error => console.error(error))
这种方法确实有缺点，不仅限于：
由于上述原因和其他几个原因，这条路线被发现不适合我的具体情况。
【讨论】：
而不是更改消息，it's better to change the port Vue is listening on。
。 npm run serve -- --port 4180
这会自动更新您的消息以说明新端口，并且在您为新端口更新您的 docker 端口转发后，它将再次工作。
【讨论】：