vue 引入cdn加载失败解决办法

最新推荐文章于 2024-10-24 16:31:48 发布

原创最新推荐文章于 2024-10-24 16:31:48 发布 · 8.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

vue 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了当在项目中通过CDN方式引入Vue.js时遇到加载失败的问题，提供了解决这个问题的步骤和方法，帮助前端开发者顺利进行项目开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue-router@3.1.5/dist/vue-router.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vuex@3.1.2/dist/vuex.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/axios@0.19.2/dist/axios.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/echarts@4.6.0/dist/echarts.simple.min.js"></script>
<script>
    if (typeof Vue == 'undefined') {
      document.write(unescape("%3Cscript src='vendor/vue.min.js' type='text/javascript'%3E%3C/script%3E"));
    }
    if (typeof VueRouter == 'undefined') {
      document.write(unescape("%3Cscript src='vendor/vue-router.min.js' type='text/javascript'%3E%3C/script%3E"));
    }
    if (typeof Vuex == 'undefined') {
      document.write(unescape("%3Cscript src='vendor/vuex.min.js' type='text/javascript'%3E%3C/script%3E"));
    }
    if (typeof axios == 'undefined') {
      document.write(unescape("%3Cscript src='vendor/axios.min.js' type='text/javascript'%3E%3C/script%3E"));
    }
    if (typeof echarts == 'undefined') {
      document.write(unescape("%3Cscript src='vendor/echarts.simple.min.js' type='text/javascript'%3E%3C/script%3E"));
    }

  </script>

在index.html中引入