从API获取Nuxt数据,本地路径?

时间:2019-05-20 20:06:17

标签: axios nuxt

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

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

这是nuxt自动处理的。

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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