如何使用阿里云云开发平台发布vuecli前端项目

  • 内容
  • 评论
  • 相关

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. 部署成功就可以使用自己域名访问了。项目成功上线啦!是不是超级简单呢?


本文标签:

版权声明:若无特殊注明,本文皆为《菜鸟站长》原创,转载请保留文章出处。

本文链接:如何使用阿里云云开发平台发布vuecli前端项目 - https://wlphp.com/?post=312

发表评论

电子邮件地址不会被公开。 必填项已用*标注

福利广告

Fatal error: Uncaught exception 'RedisException' with message 'WRONGPASS invalid username-password pair' in /www/wwwroot/www.wlphp.com/content/templates/FLY/footer.php:264 Stack trace: #0 /www/wwwroot/www.wlphp.com/content/templates/FLY/footer.php(264): Redis->auth('Bsgj0711!') #1 /www/wwwroot/www.wlphp.com/content/templates/FLY/echo_log.php(133): include('/www/wwwroot/ww...') #2 /www/wwwroot/www.wlphp.com/include/controller/log_controller.php(105): include('/www/wwwroot/ww...') #3 /www/wwwroot/www.wlphp.com/include/lib/dispatcher.php(77): Log_Controller->displayContent(Array) #4 /www/wwwroot/www.wlphp.com/index.php(13): Dispatcher->dispatch() #5 {main} thrown in /www/wwwroot/www.wlphp.com/content/templates/FLY/footer.php on line 264