mounted: function(){
this.article_id=this.$route.query.article_id
console.log(this.$route.query);
this.$http.post('/getArticleDetail', {article_id:this.article_id}).then((response) => {
this.content=response.data; }).catch(function(response) { });
}
项目主要是一个文章列表,这段代码点击进来查看文章内容时的钩子函数,但是只有第一次点击进来,页面会发送该ajax请求,但是后退后,点击其他文章进来,不会再发送该ajax请求,显示的也是之前文章的内容,看样子是缓存,但是关键是根本就没有发送ajax请求,没有返回304代码啊!求大神帮助,困扰我好久了
想必使用了router-link或者你是通过返回的而不是再次渲染页面,会导致页面是上一次跳走前的而不是新渲染的。可以通过watch:$route的方式试试。
后退再点击进来,应该是浏览器自带的page cache功能,楼上监听路由变化,是个好主意。