Cloud Studio 运行vue项目, 显示运行成功 但是调试的链接报502错误问题

按照官方文档Cloud Studio创建项目后，启动服务后提示502.

1.先创建空项目

2.然后新建工作空间选node.js

3.全局安装vue-cli

 

$sudo cnpm install --global vue-cli

4.创建一个基于 webpack 模板的新项目

$sudo vue init webpack my-project

5.这里需要进行一些配置，默认回车即可 进入项目，安装并运行：

$ cd my-project

$ sudo cnpm install $ sudo cnpm run dev

出现的问题：

A：使用「访问链接」生成的链接显示，提示502错误

解决办法：

1.使用这个指令‘yarn run dev --host=0.0.0.0 --disable-host-check’启动服务，之后点击访问链接就可访问，但不能使用localhost访问

2.修改 config/index.js 文件中的 module.exports = { host: '0.0.0.0' } ，之后点击访问链接就可访问，但是不能使用 localhost 访问。

 

B:使用「访问链接」生成的链接显示 Invalid Host header？

参考官网解决：https://dev.tencent.com/help/cloud-studio/faq

 

资料整理参照：https://cloud.tencent.com/developer/ask/198439