!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>使用阿里云云开发平台发布vuecli前端项目(阿里云服务器部署vue项目)

使用阿里云云开发平台发布vuecli前端项目(阿里云服务器部署vue项目)

1. 第一步使用阿里云代码托管平台(云效codeup)把代码托管到仓库

https://codeup.aliyun.com/

使用阿里云云开发平台发布vuecli前端项目(阿里云服务器部署vue项目)2. 项目是vue-cli纯前端的项目

需要在根目录新建build.sh 里面编写构建命令

#!/bin/bash

rm -rf dist

# 静态文件

npm install

npm run build

3. 使用阿里云云开发平台

https://workbench.aliyun.com/

建立前端应用

使用阿里云云开发平台发布vuecli前端项目(阿里云服务器部署vue项目) 使用阿里云云开发平台发布vuecli前端项目(阿里云服务器部署vue项目)选择codeup->自己的仓库->然后找到阿里云云效codeup里面的项目。

4. 然后分支管理,如下图填写

使用阿里云云开发平台发布vuecli前端项目(阿里云服务器部署vue项目)5. 然后部署配置填写自己的域名

需要注意自己的域名需要cname解析到指定的域名

使用阿里云云开发平台发布vuecli前端项目(阿里云服务器部署vue项目)6.最后点击部署

使用阿里云云开发平台发布vuecli前端项目(阿里云服务器部署vue项目)6. 部署成功就可以使用自己域名访问了。项目成功上线啦!是不是超级简单呢?

给TA打赏
共{{data.count}}人
人已打赏
网站运维

C#在PDF中添加墨迹注释Ink Annotation的步骤详解(cctv5体育节目表)

2022-9-6 14:33:12

网站运维

kindeditor编辑器批量上传路径显示不正确的配置方法

2022-9-6 14:33:55

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 2651636361@qq.com 或点击右侧 私信:少羽 反馈,我们将尽快处理。
{{yiyan[0].hitokoto}}
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索