PHP菜鸟博客_共同学习分享PHP技术心得【PHP爱好者】
如何使用阿里云云开发平台发布vuecli前端项目
2021-12-27 菜鸟站长


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



https://codeup.aliyun.com/



1111.png



2. 项目是vue-cli纯前端的项目



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



#!/bin/bash



rm -rf dist



# 静态文件



npm install



npm run build



 



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



https://workbench.aliyun.com/



建立前端应用



2222.png 



选择codeup->自己的仓库->然后找到阿里云云效codeup里面的项目。



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



3333.png 



5. 然后部署配置填写自己的域名



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



4444.png 



6.最后点击部署



5555.png



6. 部署成功就可以使用自己域名访问了。项目成功上线啦!是不是超级简单呢?





发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容