引入第三方CDN资源-创新互联
与其他CDN服务商相比,创新互联CDN的主要优势包括稳定快速、性价比高、简单易用、高效智能。比较多的用户会问到稳定快速这个优点,一般来说,创新互联的CDN特点是分担源站压力,避免网络拥塞,确保在不同区域、不同场景下加速网站内容的分发,提高资源访问速度。以下给大家介绍下引入第三方CDN资源。
成都创新互联IDC提供业务:四川服务器托管,成都服务器租用,四川服务器托管,重庆服务器租用等四川省内主机托管与主机租用业务;数据中心含:双线机房,BGP机房,电信机房,移动机房,联通机房。一、引入第三方CDN资源,网址:http://www.bootcdn.cn/
(1)vue最外层index.html 文件引入资源文件引入如下
( 2 ) CDN引入vue vue-router 步骤
1. 修改build --> webpack.base.conf.js文件, 修改的地方为:
module.exports = {
entry: {
app: './src/main.js'
},
externals:{
'BMap': 'BMap',
'vue': 'Vue',
'vue-router': 'VueRouter'
},
}
******** 必须使用Vue VueRouter ******** 注意一点: 格式为 'aaa' : 'bbb', 其中,aaa表示要引入的资源的名字,bbb表示该模块提供给外部引用的名字, 由对应的库自定。例如,vue为Vue,vue-router为VueRouter.
2. main.js 文件中注释掉vue: // import Vue from 'vue' 3. router--> index.js 文件中注释掉 vue和 vue-router: // import Vue from 'vue' // import VueRouter from 'vue-router' Vue.use(VueRouter) (3)CDN引入后的 vue.js devtools 的调试: 1. 在开发环境中引入https://cdn.bootcss.com/vue/2.5.2/vue.js, 可以使用vue.js devtools调试工具。
2. 在生产环境中引入https://cdn.bootcss.com/vue/2.5.2/vue.min.js, 可以禁止使用vue.js devtools调试工具。
如果大家还有什么不明白的地方可以在创新互联官网找我们的CDN技术工程师的,创新互联CDN技术工程师在行业内拥有十几年的经验了,所以会比小编回答的更加详细专业。创新互联官网链接www.yisu.com
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享名称:引入第三方CDN资源-创新互联
标题来源:http://myzitong.com/article/gidic.html