首页 > 解决方案 > Nuxtjs - 在 Safari 上第一次 SSR 加载失败后,在 asyncData 中调用 Axios API

问题描述

当您通过客户端加载浏览页面时,使用 nuxt-axios-module @nuxtjs/axios 进行的所有 API 调用都会失败/仅在 Safari 浏览器上出现错误(SSR 首次加载工作正常)。

Safari 控制台中给出的错误是模糊的,没有太多可以从中提取的。以前有人有这个问题吗?所有不同的 API 调用都是一致的,它们都遵循相同的模式:在 asyncData 中使用 $axios 并在第一次 SSR 加载后失败。

错误:

在此处输入图像描述

所有其他浏览器都可以工作,甚至包括 IE11。

我在“客户端”和“服务器”模式下都尝试过 Nuxt 的现代模式,但无济于事。

有什么想法吗?

标签: safarinuxt.js

解决方案


原来它与nuxt无关。这是我的 nginx 服务器在 OPTIONS 请求旁边发送以下内容,而 Safari 显然无法处理。

add_header 'Content-Type' 'text/plain charset=UTF-8';
add_header 'Content-Length' 0;

推荐阅读