博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
nuxt generate静态化后回退问题
阅读量:5048 次
发布时间:2019-06-12

本文共 999 字,大约阅读时间需要 3 分钟。

之前线上的项目是nuxt build后的项目发布在服务器上,pm2来管理node的进程,nuxt还是运行在node的环境里。

这个方案用了半年左右,访问速度什么的确实很快,pm2管理下的node在windows服务器上运行也很完美

唯一不足的地方是,个人感觉还是很麻烦,还是想拷贝文件就能解决问题的最好了,所以,用了generate

具体使用教程请移步官方教程:https://zh.nuxtjs.org/api/configuration-generate

generate用完后其实遇到的问题还是不少的,这里仅仅只聊聊回退问题

问题描述如下:

1.pages下我创建了两个测试页

 

2.Index.vue页代码如下

Index有两个按钮,两个按钮分别以vue-router的push跳转和location.href的方式跳转,

用这两种跳转的原因是我以为是vue-router的跳转的问题,用了两个进行对比一下,方便查找原因

3.Value.vue代码如下

4.这个回退问题在安卓机器和电脑上测试都没什么问题,在苹果机器上safari浏览器就有问题了

跳转成功后,回退时就403了,我看了一下回退后的地址,回到了根目录

问题现象大致就是上面这样,虽然可以用其他办法规避回退,但是这个问题还是会造成不小的麻烦

尝试过了不少方法,暂时还想不通这里面的原因,所以就简单粗暴的替换了history地址

window.history.replaceState('', document.title, window.location.href)

这个问题虽然解决了,不知道是不是nuxt的一个bug,但是官方例子我从git下载下来了后,并没有发现这个问题。

如果你也碰到此类回退的问题,基本都可以用这个办法得到解决。

 

转载于:https://www.cnblogs.com/stealth7/p/9358306.html

你可能感兴趣的文章
二叉树的遍历问题总结
查看>>
聊天室(C++客户端+Pyhton服务器)_1.框架搭设
查看>>
绝对定位
查看>>
dpkg 删除 百度网盘 程序
查看>>
服务器nginx安装
查看>>
std::nothrow
查看>>
JQuery(一)安装&选择器 样式篇
查看>>
浏览器的DNS缓存查看和清除
查看>>
浏览器跨域问题
查看>>
使用JAVA如何对图片进行格式检查以及安全检查处理
查看>>
pytho logging
查看>>
一个Java程序员应该掌握的10项技能
查看>>
c#英文大小写快捷键
查看>>
tpframe免费开源框架又一重大更新
查看>>
一.go语言 struct json相互转换
查看>>
什么是架构设计
查看>>
程序员学习能力提升三要素
查看>>
PHP 微信错误状态返回码说明
查看>>
【4.1】Python中的序列分类
查看>>
ubuntu 移动文件
查看>>