我用 nextjs 编写了一个应用程序，我想将其部署到某个地方以向其他人展示我所做的事情。我选择了 github 页面。
我尝试部署它，因为我从几篇博客文章中了解到，并使用 github 操作和 github 提供的 nextjs 配置文件。
github为我创建的.yml文件，配置我的下一个js应用程序以设置basePath，assetPrefix以及图像优化，因此我自己没有配置任何东西。
现在我已经在 github 页面上部署了我的应用程序，但我看不到图像。
我的仓库名称是“ecommerce-product-page”。
当我检查我的请求以查看为什么看不到图像时，我注意到图像地址未完成，例如：
https://borzoomv.github.io/images/image-product-1.jpg
但应该是：
https://borzoomv.github.io/ecommerce-product-page/images/image-product-1.jpg
第二个网址是有效的，与另一个网址不同，我不会收到 404 并且图像将被加载。
我尝试手动输入我的basePath和assetPrefix并将它们设置为/ecommerce-product-page，但没有任何改变。
我还尝试了在博客文章中找到的另一个 .yml 文件，但它也没有帮助。
我尝试更改应用程序内的导入语句，并在导入收件人的开头省略 public，但这也没有帮助。
现在我的图像导入语句如下：
import sampleImage from '/public/images/sampleImage.jpg'
当我从一开始就省略 public 时，我会得到构建错误。
这是一篇讨论同一问题的好文章：
https://xerosource.com/nextjs-images-are-not-loading-in-product/
如果这不起作用，那么临时解决方案是使用未优化的
<Image src={sampleImage} unoptimized />