使用Vue时 跳转的页面突然报错,不知道是什么原因,有什么方法解决吗
重新编译一下,部分文件没有加载成功
【相关推荐】
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>