已部署的Heroku应用程序仅在刷新后才能运行（Node.js，Express.js，Jquery，Css，Html，TMDB API）

Question

所有人，

我有一个应用程序，可让您使用电影数据库API搜索电影和电视节目。刷新页面后，该应用程序在Heroku上具有全部功能。任何机会都可以加快应用程序的运行速度，并允许其运行而无需初始刷新。

Heroku应用https://the-cinematic-app.herokuapp.com/

Github存储库https://github.com/kimanikelly/Cinematic

Answer 1

问题出在您logic.js的$.post('/token'...中。这里的问题是因为ajax是异步的，这意味着JS代码继续执行。

这就是为什么apiKey = sessionStorage.getItem('token');将没有时间在第一次访问该页面时获得价值，因为您的ajax尚未完成工作。

[我认为不建议在$ .post和$ .ajax中使用async false，并且由于您的应用程序逻辑的很大一部分都依赖于此apiKey，因此我会将每个使用apiKey的$.post...放入您的.click中。