图像未在生产中渲染

Question

我已经通过 docker 文件将我的 node.js express 应用程序部署到生产环境，但是，图像没有被渲染，浏览器标准占位符图像正在代替这些图像被渲染。

为了让我的应用呈现这些图像，我做错了什么吗？我需要包含一段代码吗？

我的文件结构如下

• 基本目录>公共>图标
• 基础目录> index.js

我的index.js 服务器文件的相关部分

 const { join } = require("path");
    app.set('views', join(__dirname, 'views'));
    app.use(express.static(join(__dirname, 'public')));
    
    
    const port = 3000
    
    var cookieParser = require('cookie-parser')
    app.use(cookieParser())
    
    const bodyParser = require('body-parser');
    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: true }))
    app.use(cookieParser());
    
    process.env.NODE_ENV === 'production'
    
    
    
    app.set('view engine', 'ejs');
    
    app.get('/',(req,res)=>{
      res.render('index',{
          data: 'name'
      })
    })

这是我尝试打开图像文件时收到的错误消息

ejs 文件：

<% data.countries.forEach(function(count){ %>
 

       
    <div class="flex">
      <div class="template">
              <div class=“Country>
                  <img class="img" src="/icons/<%= count.icon %> " width="25" height="25"  />  <%= count.name %> 
                </div>
      
              <div class ="Category">
    
                <%= count.categories.map(cat=>cat.name).join(' | ') %>
              </div>
              
       </div>
    </div>
      
      
      
    
        <% }); %>

Answer 1

你可以直接通过他的路径打开文件吗？

Answer 2

一个可能的答案是因为在您的 EJS 文件中，您的图像指向一个类似于 /icons/HK.png 的 URL，但您的 ExpressJS 公共路径设置为 /public，此处不可用：

app.use(express.static(join(__dirname, 'public')));

因此，一种可能的解决方案是通过添加以下代码为您的图标集添加一个新的公共路径：

app.use('/icons', express.static(join(__dirname, '/public/icons')))