从 api 获取 Nuxt 数据，本地路径？答案

【问题标题】：Nuxt data fetching from api, local path?从 api 获取 Nuxt 数据，本地路径？
【发布时间】：2019-10-07 05:03:52
【问题描述】：

我正试图用 Nuxt 弄湿我的脚。

我了解数据获取有不同的场景： - 第一次调用：服务器从 api 获取数据，预渲染 html/app，发送整个页面 - 之后：客户端的App直接向api发出请求，只获取json

这是由 nuxt 自动处理的。

所以我想我也必须向客户端公开我的 API，对吗？我会在 Nuxt 中将 Axios 的基本路径设置为“http://www.myproj.com/api”之类的吗？

如果是，在提供服务器渲染的内容（例如“http://localhost:3333”）时，nuxt 是否可以在本地访问 api？

【问题讨论】：

标签： axios nuxt.js

【解决方案1】：

是的，有。在 nuxt.config.js 中配置 axios 时，您可以设置 baseURL 和 browserBaseURL。 Nuxt 将在预渲染时使用 baseURL 和来自客户端的 browserBaseURL。

您可以在文档here 中看到这一点。

如果您要部署到 vps，您可以让您的 api 在 http://localhost:3333 之类的东西上运行，并将其设置为您的 baseURL。对于 browserBaseURL，如果您使用的是 https，则需要在 nginx 中为您的 api 设置上游，以便您的 browserBaseURL 类似于“/api”。

【讨论】：

这是正确的。感谢您向我指出 axios-module 文档。