从API获取Nuxt数据，本地路径？

Question

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

我了解数据获取有不同的方案： -首次调用：服务器从api获取数据，预渲染html / app，发送整个页面 -之后：客户端上的应用直接向api发送请求，仅获取json

这是nuxt自动处理的。

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

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

Answer 1

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

您可以在文档here中看到它。

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