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

本文讲述在Cloud Studio按官方文档创建项目,启动服务后提示502错误的情况。介绍了创建空项目、选node.js工作空间、安装vue - cli等步骤,针对使用「访问链接」生成的链接显示502错误给出两种解决办法,还提供了参考官网及资料整理的链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

按照官方文档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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值