Failed to load resource: net::ERR_CONNECTION_TIMED_cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js‘

原创已于 2024-01-15 11:38:18 修改 · 1.1k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2024-01-05 18:09:48 首次发布

最近项目遇到这个问题，如图

访问系统是一直转圈圈，然后显示网络连接超时。

后来上网查看到这样一篇文章解决cdn.jsdelivr.net无法访问

笔者准备尝试下，使用子域名能否解决这个问题，或者使用国内的网站。解决的话会补充后续...

先讲讲为什么要用cdn，在我们的vue项目中，我们去访问系统，浏览器会自动下载vue、vue-router、vuex和axios等一些文件。但是下载的话会比较耗时，因为笔者想打开网页时直接访问别人的资源，用cdn来做会提高访问速度。因此在vue.config.js中写入了

const assetsCDN = {
  // webpack build externals
  externals: {
    vue: 'Vue',
    'vue-router': 'VueRouter',
    vuex: 'Vuex',
    axios: 'axios'
  },
  css: [],
  // https://unpkg.com/browse/vue@2.6.10/
  js: [
    '//cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js',
    '//cdn.jsdelivr.net/npm/vue-router@3.1.3/dist/vue-router.min.js',
    '//cdn.jsdelivr.net/npm/vuex@3.1.1/dist/vuex.min.js',
    '//cdn.jsdelivr.net/npm/axios@0.21.1/dist/axios.min.js',
    // '//cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js',
    // '//unpkg.com/vue-router@3.3.4/dist/vue-router.js',
    // '//cdn.bootcdn.net/ajax/libs/vuex/3.1.0/vuex.min.js',
    // '//unpkg.com/axios@0.19.2/dist/axios.min.js',
    '//cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.js',
    '//cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js',
    '//cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js',

  ]
}

但是有时候会出现Failed to load resource: net::ERR_CONNECTION_TIMED_cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js'这个错误。后续思考如何解决，今天先记录到这里

后续来了，把cdn.jsdelivr.net换成国内的域名就ok，但是需要自己去找对应的路径，这里改为这几个，加入zhimg，改为国内地址

'//cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js',

'//unpkg.zhimg.com/vue-router@3.3.4/dist/vue-router.js',

'//cdn.bootcdn.net/ajax/libs/vuex/3.1.0/vuex.min.js',

'//unpkg.zhimg.com/axios@0.19.2/dist/axios.min.js',