如何将你的 Vue.js 项目部署在云开发静态托管之上

本文介绍了如何将Vue.js项目部署到云开发的静态网站托管服务。步骤包括初始化Vue项目,创建云开发环境,配置Vue Router为History模式,上传文件,设置索引文档和错误文档为index.html,最后通过云开发CLI工具完成文件上传。
摘要由CSDN通过智能技术生成

云开发静态托管是云开发提供的静态网站托管的能力,静态资源(HTML、CSS、JavaScript、字体等)的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云 CDN 提供支持.

在云开发静态托管中,你同样可以托管一个 Vue.js 项目,接下来,我就介绍一下应该如何将一个 Vue.js 项目部署到云开发静态网站托管服务中。

初始化一个 Vue 项目

首先,使用 Vue cli 创建一个项目,来作为演示。同时,为了符合日常使用场景,引入 Vue Router 组件,并配置 Router 为 Histroy 模式。

vue create cloudbase
cd cloudbase
vue add router

image-20200421192140788

执行完成后,可以执行 npm run serve 启动预览,查看一下效果

image-20200421192204089

创建云开发环境

完成了Vue 项目的创建后,接下来创建云开发的环境,访问

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值