超简单腾讯云免费部署vue项目

方安乐2025-12-06 9:13

腾讯云官网的页面实在太多了，要找到我需要的页面实在太麻烦了，而且腾讯云的AI助手也不是很好用，总之槽点很多。

PS：想整个免费网页太麻烦了

说下我的经历

vercel

我觉得它真的操作好方便，对新手很友好，但可惜它生成的访问地址国内访问不了T_T

你只要先将你的代码推送到github

复制代码

git remote add origin https://github.com/你的用户名/你的项目名.git
git branch -M main
git push -u origin main

然后再登录vercel，关联你的github账号，再import你的仓库，deploy就好了

然后你就会发现，它生成的url你访问显示超时T_T

腾讯云有个免费体验版，是可以白嫖的

首先，注册一个腾讯云账号并进行实名认证

然后开通环境，下面这个地址关联微信小程序后面的都不用看

环境开通好了之后，使用以下命令安装cli

npm install -g @cloudbase/cli

验证安装情况

复制代码

# 查看版本号
cloudbase --version

# 或使用简写命令
tcb --version

在cmd输入以下命令后，会自动弹出腾讯云账号登录页面，直接使用微信扫码登录就可以（用你自己登录腾讯云账号的方式登录）

复制代码

cloudbase login

先npm run build 打包你的项目，生成dist文件夹

然后在你的本地项目目录下cmd，执行以下命令

复制代码

# 部署构建产物到静态托管
cloudbase hosting deploy dist -e your-env-id

代码上传成功后，如下图，部署完成的地址就是你的线上地址啦

这个地址就可以在手机上，电脑上访问了

访问下面这个地址，可以看到刚刚上传的文件

我太伤心啦，刚部署上去确实能访问，但多访问几次就不可以啦，呜呜，之后再访问直接变成了下载index.html页面（说是因为使用的默认域名的原因，需要使用自定义域名，然后就要花小钱钱，但我的初衷就是不想花小钱钱>_<），太伤心啦，怎么还能这样！