关于#vue.js#的问题:使用Vue 启动时跳的首页报错

使用Vue时 跳转的页面突然报错,不知道是什么原因,有什么方法解决吗

img

重新编译一下,部分文件没有加载成功

【相关推荐】



  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7481324
  • 你也可以参考下这篇文章:前端框架Vue.js的使用及具体页面跳转时的参数传递
  • 您还可以看一下 jason老师的vue通用后台管理课程中的 vue路由的使用小节, 巩固相关知识点
  • 除此之外, 这篇博客: vue.js 终止请求和请求超时的方法中的 当前端请求发送并且响应未完成时,终止请求,不再返回数据 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

    1、Axios 提供了一个 CancelToken的函数,这是一个构造函数,该函数的作用就是用来取消接口请求的。利用axios请求的config参数,向axios添加一个包含cancelToken的config配置对象。示例:

    <body>
      <div id="app">
        <button @click="getMsg" class="get-msg">获取数据</button>
        <button @click="cancelGetMsg" class="cancel">取消获取</button>
      </div>
      <script>
      var app = new Vue({
        el: '#app',
        data: {
          cancel: null // 这里要先初始化
        },
        methods: {
          getMsg () {
            let CancelToken = axios.CancelToken
            let self = this
            axios.get('http://xxx.com/index/index', {
              cancelToken: new CancelToken(c => {
                this.cancel = c
                console.log(c)
                // 这个参数 c 就是CancelToken构造函数里面自带的取消请求的函数,这里把该函数当参数用
              })
            }).then(res => {})
            .catch(err => {})
          },
          cancelGetMsg () {
            this.cancel() // 终止请求
          }
        }
      })
      </script>
    </body>
    

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^