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

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

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

回答:

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

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

<script>
  export default {}
</script>

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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注