我已经在Ubuntu 16.0.4上使用nginx部署了我的Next.js应用程序。
我已经在根mywebsite.com上部署了一个运行良好的应用程序。我正在尝试在mywebsite.com/some-keyword上使用basePath部署此应用程序。
该应用程序似乎工作正常，但不渲染图像。
我该如何解决此问题？
Nginx更新：
location /some-keyword {
proxy_pass http://localhost:8000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
# First attempt to serve request as file, then
# as directory, then fall back to displaying a 404.
# try_files $uri $uri/ =404;
}字符串next.config.js个
module.exports = {
basePath: '/some-keyword'
};型
使用next/image如下：
<Image src='/img/alert-down.png' width={550} height={320} />型
2条答案
按热度按时间bogh5gae1#
从Next.js Base Path文档：
使用
next/image组件时，需要在src之前添加basePath。在您的例子中，假设您的
basePath是/some-keyword，您的代码应该如下所示：字符串
klsxnrf12#
在
next.config.js中添加以下内容：字符串
这帮助我解决了我在运行NGINX服务器的Ubuntu 20.04上的一些图像加载问题。