云开发静态托管是云开发提供的静态网站托管的能力,静态资源(HTML、CSS、JavaScript、字体等)的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云 CDN 提供支持.
在云开发静态托管中,你同样可以托管一个 Vue.js 项目,接下来,我就介绍一下应该如何将一个 Vue.js 项目部署到云开发静态网站托管服务中。
初始化一个 Vue 项目
首先,使用 Vue cli 创建一个项目,来作为演示。同时,为了符合日常使用场景,引入 Vue Router 组件,并配置 Router 为 Histroy 模式。
vue create cloudbase
cd cloudbase
vue add router

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

创建云开发环境
完成了Vue 项目的创建后,接下来创建云开发的环境,访问云开发控制台,点击上方的新建环境,创建一个新的环境。在弹出的界面中输入你的环境名称,并选择按量计费,点击下方的立即开通,就可以开通

本文介绍了如何将Vue.js项目部署到云开发的静态网站托管服务。步骤包括初始化Vue项目,创建云开发环境,配置Vue Router为History模式,上传文件,设置索引文档和错误文档为index.html,最后通过云开发CLI工具完成文件上传。
最低0.47元/天 解锁文章
880

被折叠的 条评论
为什么被折叠?



