JS和Image目录在localhost中加载，但在部署express时不加载
在部署Express时，JS和Image目录不加载的原因可能是由于文件路径配置不正确或者缺少相应的静态文件中间件。
解决这个问题的方法是：
- 确保在Express应用程序中正确配置了静态文件中间件。静态文件中间件可以帮助Express服务器提供静态文件（如JS和Image目录）的访问。在Express中，可以使用
express.static中间件来实现静态文件的服务。例如，将以下代码添加到Express应用程序的入口文件中：
app.use(express.static('public'));上述代码将会将public目录下的静态文件提供给客户端访问。确保JS和Image目录位于public目录下。
- 确保JS和Image目录的路径正确。在Express中，静态文件的路径是相对于静态文件中间件所指定的目录的。因此，如果JS和Image目录位于public目录下，则在HTML文件中引用这些文件时，路径应该是相对于public目录的路径。例如，如果要引用public目录下的image.png文件，可以使用以下路径：
<img src="/image.png" alt="Image">- 确保Express应用程序已经正确启动并监听了正确的端口。在部署Express应用程序时，确保应用程序已经成功启动，并且监听了正确的端口。可以通过检查控制台输出或者日志文件来确认应用程序是否已经正确启动。
总结起来，要解决JS和Image目录在部署Express时不加载的问题，需要确保正确配置了静态文件中间件，正确设置了文件路径，并且确保Express应用程序已经正确启动并监听了正确的端口。
腾讯云相关产品推荐：
相关·内容
JS和图像目录似乎可以很好地加载localhost:5000/。然而，当我在aarth.in上查看它时，却找不到控制器。有很多这样的解决方案，但没有一个对我有效。任何帮助都将不胜感激！我的目录如下 - node_modules- public - images/ - scripts
浏览 22提问于2021-07-18得票数 1
回答已采纳
1回答
我在heroku上的web应用部署仍然有问题-返回的错误是加载资源失败，错误404。它在我的本地节点服务器上运行得很好，但在推送到heroku时不能加载css或js文件。我已经看到了几个关于ruby的答案，但是关于node的答案是有限的--这是我的服务器代码：var app = express();= process.env.PORT || 80
浏览 0提问于2016-07-16得票数 0
我已经安装了这样的路径var express = require('express');var admin});
res.render('jobs/create');在第一个路由中，静态文件，如js,cs
浏览 27提问于2016-07-22得票数 4
回答已采纳
1回答
当我在本地工作时，一切都正常。我在plesk面板上安装了文件。节点模块已成功安装。当我调用index.html时，我得到一个错误是未找到。我的错误在哪里？<!/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"><&#
浏览 0提问于2019-03-04得票数 0
我使用连接RestAPI服务器的node.js创建了MySQL，连接是成功的，但是当我请求URL时，浏览器继续加载并显示this page is not workingconst express = require('express');
var app =express();
浏览 1提问于2019-03-31得票数 1
回答已采纳
我是Node.js的新手；如果我的问题很愚蠢，很抱歉：var express = require('express');
var app = express()但是，在index.html中为每个资产(如csses、images等)编写路由是不合理的。解决方案是什么？
浏览 22提问于2017-02-28得票数 0
回答已采纳
当在dev模式下工作，并手动刷新带有这样的url的页面时，它的工作方式与预期一样。 但是当在war (在tomcat上)中部署构建构件时，同样会得到一个空页面。有没有办法在不阻塞浏览器的Refresh\Back按钮的情况下处理它？ 更新 我试着改变我的方法，只使用一个带有"/editProject“的简单网址。当我重定向到EditProject组件时，我尝试将其实现为异步原因，因为它没有到达事件方法，所以我认为这可能与emit尚未完成的事实有关。EditProject组件尚未加
浏览 34提问于2020-08-16得票数 0
我正在Azure上部署一个Node.js Express应用程序，但该应用程序无法加载静态css/js文件。静态文件在我的localhost:3000下工作得很好。但在Azure上运行时，它会抛出内部服务器错误500。我的chrome中的错误如下所示： 获取https:///resources/css/style.css net::ERR_ABORTED 500 (内部服务器错误)。此css文
浏览 31提问于2019-02-14得票数 0
回答已采纳
我试图使用pixi.js库从本地主机服务器加载一个简单的测试映像，但是加载映像会导致以下错误：'http://localhost:8080/local_files/assests/images/test_image.jpg' from origin 'null'
has been blocked by CORS policy: No 'Ac
浏览 7提问于2017-06-25得票数 1
回答已采纳
我正在使用ng serve在本地运行一个Angular 8项目。包的总大小约为7MB，在托管它的台式机上加载时没有任何问题。但是，当通过USB连接电话并使用端口转发(对于localhost:4200)时，网站经常无法完全加载。Chrome报告的错误是：此错误已记<em
浏览 120提问于2019-11-15得票数 3
我正在使用ejs创建一个使用nodejs和express的博客应用程序。使用单个URL (意味着http://localhost/或http://localhost/anything )一切正常，但是当我试图访问此页面中的页面http://localhost/blog/create时，外部stylesheet或javascript不起作用，它加载为htt
浏览 15提问于2021-05-10得票数 0
回答已采纳
3回答
我对node.js比较陌生，而且它是加载项，所以这可能是一个初学者的问题。客户端<script> });
}
浏览 3提问于2012-03-30得票数 49
回答已采纳
在Apollo Federation中，我面临这样的问题:每当我们对服务列表中的任何联邦服务的模式进行更改时，网关都需要重新启动。据我所知，网关每次启动时都会收集所有模式并聚合数据图。
浏览 1提问于2019-09-28得票数 5
我是Next.js新手--我遇到了一个问题：http://localhost:3000在使用客户端路由时不工作，但在使用刷新时加载。上，我几乎有来自Next.js的默认代码const next = require('next')
const dev = process.env.NODE
浏览 0提问于2018-10-09得票数 0
回答已采纳
1回答
我正在构建一个MERN应用程序，在那里我为客户提供来自express的图像。在开发中，一切加载正常，但当我部署到heroku时，它不会显示图像。控制台显示“加载资源失败: net::ERR_CONNECTION_REFUSED”。return ( <img
src={`http://localhost
浏览 8提问于2020-08-14得票数 0
所以我有一个简单的应用程序，它在localhost上工作得很好，但是当我将它部署到Heroku时，前端文件不会加载，所以我得到的是没有样式或功能的原始html。浏览器目录是所有未加载的文件所在的位置。我将把我的服务器文件和package.json放在下面。我真的很感谢你的帮助。谢谢!();
const app = express</em
浏览 1提问于2016-11-16得票数 0
1回答
在生产中加载图像文件
、、、、
但是，当运行生产服务器时，映像无法加载。当我检查元素并转到“源”时，我看到的是： - static [folder] - js [folder]
-我听说过文件加载器和url-加载程序，但是我还没有找到关于它们做什么和如何使用它们的清晰而简单的解释。我已经成功地将这两个文件安装到我的依赖项中，并将这个加载程序
浏览 3提问于2017-01-05得票数 4
我可以成功登录，但在集合中看不到任何文档。相反，我看到了错误： - ./mongo:/data/db
image: mongo-express
浏览 1提问于2020-07-28得票数 4
我试图访问同一目录中的静态文件，但它不工作，问题是它没有加载实时服务器中的图像 app.use('/static',express.static('/public')) 在这里public是我创建'css‘和' img’文件夹的主目录，并放置我的'js‘和’html‘文件。之前，我在创建css和img文件夹的同一目录外访问该文件&在这些文件夹内，我创建了一
浏览 16提问于2020-11-05得票数 1
在我的开发环境中运行时，有两台服务器同时运行：localhost:8080的Webpack-dev服务器为基于Vue/Webpack的前端客户端应用程序提供服务；localhost:8081服务于提供客户端使用的但是，在为生产部署时，Node+Express服务器除了提供这些端点之外，还为静态的Vue/Webpack应用程序提供了描述的。我的问题是:要从生产环境中的客户端调用其中一个端点，因为它们都来自同一台服务器，所以我只需加载&
浏览 2提问于2018-02-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
