vue3引入cdn使用

背景:引入cdn直接调用提示undefined
原因:因为你没有在vue.confing注册,然后重新运行项目

正确做法:
1.public/index.html 里面的body里面引入cdn
在这里插入图片描述
2.在vue.config.js里面配置cdn


module.exports = {
    
    
  configureWebpack: {
    
    
    externals: {
    
    
      AMap: 'AMap'
    }
  }
}

3.在需要的vue文件里面调用

import AMap from 'AMap'

4.重新运行项目,成功

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_42821697/article/details/124793682