请问在真机上nuxt跳转路由为什么会出现network error

Question

请问在真机上nuxt跳转路由为什么会出现network error,

但是在谷歌浏览器模拟的时候跳转都是正常的, 用的<nuxt-link>标签和$router.push都会出现该问题.

Answer 1

nuxt 接口异常时会自动跳转到Network Error页面，好像只有低版本的nuxt才会出现此问题。
可在 /layouts 目录下新增文件: error.vue 即可解决此问题, 文件内容:

<template>
  <div>
    <Nuxt />
  </div>
</template>

<script>
  export default {}
</script>

可参考： https://m.yisu.com/zixun/3186...

Answer 2

nuxt的路由和cli的标签有所出入，但是跳转参数相同,写法案例如下<nuxt-link :to="{path: item.link}">{{ item.text }}</nuxt-link>。另外你说的真机上，应该是已经上了正式环境，所以你需要先build然后再start才可以，不要再使用dev。注意区分每个命令的作用环境，都是有一定依据的，另外需要注意的是苹果手机的浏览器在最新系统上默认禁止了音频和视频的自动播放，如果有这些，需要做相关处理。

Answer 3

我时使用nuxt-link跳转 加上 target="_blank"，新页签打开就可以了。如果想当前页签打开。可以使用click事件。执行window.open(location.origin + '目标path'， '_self')。希望有帮助

Answer 4

请问这个问题解决啦吗？我也遇到啦，部署啦后，在chrome 上OK， 手机上不行