前端代码上传到阿里云服务器上(OSS)

1.登录阿里云服务器–点击控制台–点击左侧栏的对象存储OSS

前端代码上传到阿里云服务器上(OSS)_第1张图片

2.点击对象存储OSS–新建Bucket

(新建Bucket–填写Bucket名称–选择区域–选择存储类型–选择读写权限)
前端代码上传到阿里云服务器上(OSS)_第2张图片
前端代码上传到阿里云服务器上(OSS)_第3张图片

3.点击对象存储OSS–选择刚新建的Bucket–概览–复制Bucket域名发给后台,后台添加子域名

前端代码上传到阿里云服务器上(OSS)_第4张图片

4.点击CDN–域名管理–点击后台已添加的域名进行配置:CNAME、类型、地址(Bucket 域名)、回源端口、加速区域

(我已经配置好了,所以这里展示一下已经配置好的信息界面)
前端代码上传到阿里云服务器上(OSS)_第5张图片

5.点击对象存储OSS–选择刚新建的Bucket–域名管理–打开CDN 缓存自动刷新

前端代码上传到阿里云服务器上(OSS)_第6张图片

6.下载安装OSS管理工具oss-browser
7.打包前端后台管理系统项目:npm run build,把生成的dist文件中的static和index文件放到OSS浏览器中新建的Bucket

前端代码上传到阿里云服务器上(OSS)_第7张图片

8.访问地址

(温馨提示:我是用vue框架写的后台管理系统,把代码通过OSS工具发布到阿里云服务器上的,谢谢~)

你可能感兴趣的:(vue框架)