nuxt generate静态化后回退问题

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

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

惟一不足的地方是，我的感受仍是很麻烦，仍是想拷贝文件就能解决问题的最好了，因此，用了generate

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

generate用完后其实遇到的问题仍是很多的，这里仅仅只聊聊回退问题

问题描述以下：

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

 

2.Index.vue页代码以下

<template>
  <div>
    <div>sdfsdf</div>
    <input type="text"
           v-model="input" />
    <div class=""
         @click="click"
         _log="test">测试router</div>
    <div class=""
         @click="click2">测试href</div>
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  name: 'testpage',
  data() {
    return {
      value: ''
    }
  },
  computed: {
    input: {
      get() {
        return this.$store.getters.input
      },
      set(value) {this.$store.dispatch('setTestValue', value)
      }
    }
  },
  methods: {
    click() {
      this.$router.push('/test/value')
    },
    click2() {
      window.location.href = '/test/value'
    }
  },
  mounted() {
    this.value = this.input
    let url = window.location.href
  }
}
</script>

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

用这两种跳转的缘由是我觉得是vue-router的跳转的问题，用了两个进行对比一下，方便查找缘由

3.Value.vue代码以下

<template>
  <div>
    <div>跳转了</div>
  </div>
</template>
<script>
export default {
  mounted() {
    // this._status = 200
  }
}
</script>

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

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

问题现象大体就是上面这样，虽然能够用其余办法规避回退，可是这个问题仍是会形成不小的麻烦

尝试过了很多方法，暂时还想不通这里面的缘由，因此就简单粗暴的替换了history地址

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

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

若是你也碰到此类回退的问题，基本均可以用这个办法获得解决。