阿里云实践 - CDN使用

目录

1:购买CDN服务

2:配置CDN域名

3:添加CNAME映射

4:检测CDN是否生效

5:常用操作

6:其他说明:

7:跳板


1:购买CDN服务

    可以走文章结尾的跳板去阿里云直接购买,我买的配置如下

    可以在自己的资源里看到

2:配置CDN域名

    添加域名

    刷新,等待生效

 

    点击管理,进行配置:因为自己的nginx只做了转发,没有配置下面这些参数,可能会因为这些参数导致cdn不生效,就在这里配置下

3:添加CNAME映射

    进入域名控制台,点击解析

    前面的都配置完成后,需要等几分钟,可以在CDN控制台,域名管理的右上角点刷新,看到CNAME前面绿了就可以了

 

4:检测CDN是否生效

    先看没有配置cdn的情况

    再看我们开启了cdn配置的

    可以在控制台检测那个cdn节点信息

 

5:常用操作

6:其他说明:

       如果配置的域名不是自己阿里云账号的域名,在CDN控制台添加域名的时候,会出一个提示,让在域名解析服务上那边配置阿里云的CNAME,我之前配置过一个美橙互联的

7:跳板

    阿里云CDN介绍

    代金劵地址

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
编译原理是计算机专业的一门核心课程,旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分,也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程,旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分,也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程,旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分,也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程,旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分,也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程,旨在介绍编译程序构造的一般原理和基本
vite-plugin-cdn-import 是一个 Vite 插件,用于将第三方依赖库从 CDN 引入到你的项目中,从而加速页面加载速度。以下是使用该插件的步骤: 1. 安装依赖 ```bash npm i vite-plugin-cdn-import -D ``` 2. 在 vite.config.js 中配置插件 ```javascript import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import cdnImport from 'vite-plugin-cdn-import' export default defineConfig({ plugins: [ vue(), cdnImport({ // 配置需要从 CDN 引入的依赖库 libs: [ { name: 'vue', var: 'Vue', path: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js' }, { name: 'element-plus', var: 'ElementPlus', path: 'https://unpkg.com/element-plus/lib/index.full.js' } ] }) ] }) ``` 3. 在 HTML 模板中使用引入的依赖库 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>My App</title> <!-- 引入样式文件 --> <link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css" /> </head> <body> <div id="app"></div> <!-- 引入脚本文件 --> <script src="/@modules/vue"></script> <script src="/@modules/element-plus"></script> <script src="/src/main.js"></script> </body> </html> ``` 4. 在代码中使用引入的依赖库 ```javascript import { createApp } from 'vue' import App from './App.vue' // 使用CDN 引入的 Vue const app = createApp(App) app.mount('#app') // 使用CDN 引入的 Element Plus const elButton = new ElementPlus.Button() elButton.$mount('#elButton') ``` 这样就可以使用 vite-plugin-cdn-import 插件将第三方依赖库从 CDN 引入到你的项目中了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WJL_MGQS

本不富裕的收入,还得买服务器

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值