我正在为一个项目构建我的视图,但在我的 .ejs 页面上渲染图像时遇到了麻烦。当页面加载时,我在 ejs 文件中设置的替代文本旁边只有一个小页面图标。我还在控制台中收到“GET /public/images/ResConnect.png 404”错误。我在网上尝试了一些解决方案,但似乎没有任何效果。这是我尝试获取要呈现的徽标的特定页面的代码:
<!-- views/index.ejs -->
<!doctype html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
<title>ResConnect Home</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> <!-- load bootstrap css -->
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/solid.js" integrity="sha384-+Ga2s7YBbhOD6nie0DzrZpJes+b2K1xkpKxTFFcx59QmVPaSA8c7pycsNaFwUK6l" crossorigin="anonymous"></script> <!-- load fontawesome -->
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome.js" integrity="sha384-7ox8Q2yzO/uWircfojVuCQOZl+ZZBg2D2J5nkpLqzH1HY0C1dHlTKIbpRz/LG23c" crossorigin="anonymous"></script>
<style>
body { padding-top:80px; }
</style>
</head>
<body>
<div class="container">
<div class="jumbotron text-center">
<img src="./public/images/ResConnect.png" alt="ResConnect Logo"/>
<h1><span class="fa fa-lock"></span> ResConnect Home</h1>
<p>Please advise: Only approved personnel by The University of Mississippi Department of Student Housing may access …Run Code Online (Sandbox Code Playgroud) 我正在循环遍历 MySQL 表中的记录,将它们显示在 EJS 文件中,然后单击其中一个,路由到页面以编辑记录。但是,我无法将单个对象传递回我的routes.js 文件以将其路由到编辑页面。我循环浏览所有记录并打印它们没有任何问题,所以我知道数据就在那里。这是 EJS 文件的一部分,我在其中输出所有记录以供用户选择:
<body>
<div class="container">
<div class="col-sm-6 col-sm-offset-3">
<h1><span class="fa fa-chess"></span> View Roommate Agreements</h1><br>
<p align="center">Click on a Roommate Agreement below to view the full response and edit if necessary.</p><br>
<% for (var i=0; i < Agreements.length; i++) { %>
<a href="/editAgreement" style="text-decoration: none; color: #333333">
<div class="well" align="center">
<h3>Roommate Agreement for Room #<%= Agreements[i].roomNumber%></h3>
<p><%= Agreements[i].roommate1%></p>
<p><%= Agreements[i].roommate2%></p>
<% var Agreement = Agreements[i]%> //THIS is where I'm trying to declare the object
</div> …Run Code Online (Sandbox Code Playgroud)