我最近在GitHub页面上部署了我的Next.js应用程序。一切似乎都很好，除了我网站上的一些图像无法正常加载。
该网站位于https://jamalakbara.github.io/bahana/，源代码可以在https://github.com/jamalakbara/bahana找到。当我在本地运行应用程序时，所有图像都在加载，没有任何问题。然而，当我在GitHub Pages上部署它时，只有一些图像显示，而其他图像则不显示。
是否有其他人在GitHub Pages上部署Next.js时遇到类似问题？如何解决此问题并确保所有图像都正确显示在我的网站上？
我已经检查了文件路径，并确保它们是正确的。我也尝试使用不同的图像格式，但问题仍然存在。
1条答案
按热度按时间qvsjd97n1#
要解决CORS标头问题并允许访问jamalakbara.github.io，您可以执行以下步骤：
在代码中找到向www.example.com发出请求的文件jamalakbara.github.io。
在服务器端脚本的开头添加以下代码以启用CORS：
header（'Access-Control-Allow-Origin：jamalakbara.github.io）;
header（'Access-Control-Allow-Methods：GET，POST，PUT，DELETE '）;
header（'Access-Control-Allow-Headers：X-Requested-With，Content-Type '）;
注：如果需要，请将www.example.com替换jamalakbara.github.io为相应的域名或通配符（*）。
保存并部署代码更改。
现在您的服务器将允许来自jamalakbara.github.io域的请求。