你能用nuxt在构建时从strapi获取数据来生成一个静态网站吗?我有问题



我是nuxt和strapi的新手,所以我不确定我错过了什么。

我正在尝试创建一个完全静态的站点,它对我的localhost strapi服务器进行所有api调用,以在构建期间获取数据。不幸的是,每次我运行nuxt generate并尝试托管/dist文件的内容时,站点都会向客户端的api发出实时get请求,当不在本地机器上时,该请求会破坏站点。

在我的nuxt.config.js中,我有我的目标:";静态";这就是我想我所要做的,但我可能错了。我想知道我是否需要托管我的api来实现这一点,但我真的不想这么做。

我一直在使用fetch获取数据。

有人知道我可能做错了什么吗?非常感谢在这个问题上的任何帮助。

编辑:

我想知道我的设置是否有问题,所以我用测试内容创建了一个新的nuxt和strapi设置,并发现了同样的问题。我现在想知道我是否不应该在页面组件中使用fetch,而应该使用asyncData?文件上肯定说提取应该很好,所以我正在努力弄清楚发生了什么。

进一步编辑:

没有固定,但我认为正在朝着正确的方向前进。我似乎应该在nuxt.config.js中的generate变量中设置routes变量,以便构建我的动态页面。然而,我仍然无法查看每个产品的所有图像。。。即将尝试对模板中的图像标记使用require((。

fetch()完全可以获取内容,因为它将在服务器端和客户端运行。如果您确实使用了Nuxt的动态路由,它应该会正确地生成它。至于图像,我不确定(还没有尝试(,但这完全可以在构建期间完成
据我所知,您可以生成页面,而无需转到nuxt.config.js

上次我使用Strapi时,我尝试运行本文中链接的启动器,它运行得非常完美:https://strapi.io/blog/build-a-blog-using-nuxt-strapi-and-apollo

从你的构建开始,如果你计划在本地构建它,你完全可以在之后托管它。快速的yarn start可以确认您的项目运行良好
同时,您需要100%确定您不打算再次使用Strapi项目进行进一步(客户端(获取。默认情况下应该是好的IMO.

最新更新