关键词:
【中文标题】“加载资源失败:服务器响应状态为 404”express docker【英文标题】:"Failed to load resource: the server responded with a status of 404" express docker 【发布时间】:2019-01-27 20:38:51 【问题描述】:我在浏览器中收到错误消息“加载资源失败:服务器响应状态为 404”,我正在使用 Node/Express、Mongo 数据库和 Docker。 没有 Docker 一切正常。
文件夹结构:
后端 服务器 server.js 前端 源 index.html 分布 webpack.config.js package.json Dockerfile docker-compose.yml
server.js
app.use('/', express.static(__dirname + '../../dist/'));
app.get('/gallery', (req, res) =>
Gallery.find(, name: 1, path: 1, _id: 0, image: 1).then(
gallery =>
res.json(gallery);
,
e =>
res
.status(500)
.send(e)
.send('Undefined error');
,
);
);
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Gallery</title>
<base href="/">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
</head>
<body>
<div id="root"></div>
<script type="text/javascript" src="dist/frontend-output.js"></script>
</body>
</html>
webpack.config.js
const frontend =
resolve:
modules: [path.resolve(__dirname, 'frontend'), 'node_modules'],
,
mode: 'development',
entry: './frontend/js/index.js',
output:
path: path.resolve(__dirname, '/dist/'),
publicPath: '/',
filename: 'frontend-output.js',
,
module:
rules: [
test: /\.(js)$/,
exclude: /node_modules/,
use:
loader: 'babel-loader',
options:
presets: ['env', 'stage-0', 'react'],
,
,
,
test: /\.css$/, use: ['style-loader', 'css-loader'],
test: /\.(jpe?g|png|gif|svg)$/i, use: ['url-loader', 'file-loader'],
test: /\.(jpe?g|png|ttf|eot|gif|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
use: 'base64-inline-loader?limit=1000&name=[name].[ext]',
,
],
,
plugins: [
new HtmlWebpackPlugin(
publicPath: '/',
template: './frontend/src/index.html',
),
],
devServer:
historyApiFallback: true,
,
;
package.json 脚本
"server": "node ./backend/server/server.js",
"webpack": " webpack-dev-server --host 0.0.0.0 --disable-host-check",
"start": "run-p webpack server " /* run-p is part of npm-run-all package*/
Dockerfile
FROM node:latest
WORKDIR /app
COPY . /app
EXPOSE 3000
docker-compose.yml
版本:“3” 服务: 应用程序: 容器名称:projectX 图片:docker-node-express-mongoapp 重启:总是 建造: 。 命令: npm 运行开始 端口: - “3000:3000” 蒙哥: 容器名称:mongo 图片:蒙哥 命令:[“mongod”,“--bind_ip_all”] 卷: - /app:/data/configdb - 蒙戈数据:/数据/分贝 端口: - “27017:27017” 卷: mongo 数据:
如果我在浏览器中输入“192.168.99.100:3000/gallery”,我只有来自数据库的数据 (json) 响应,但没有任何 html/css 代码。
当我尝试手动将 index.html 发送到浏览器时:
app.get('/', function(request, response)
response.sendFile(path.resolve(__dirname + '../../../frontend/src/index.html'),
);
);
我在加载 frontend-output.js 时遇到问题。 (404 未找到)
非常感谢您的帮助:)
【问题讨论】:
你能显示你的frontend-output.js脚本的代码吗?您是否尝试过从浏览器访问 192.168.99.100:3000/? 是的,我试过了。前端输出应该从 webpack 编译。帖子已编辑,我添加了 webpack.config.js。 【参考方案1】:问题解决了!!! 到 dockerfile 添加:
曝光 3000 暴露 8080到 docker-compose.yml 添加:
端口: “8080:8080” “3000:3000”并在 webpack.config.js 中为 devServer 设置端口
端口:8080【讨论】:
加载资源失败:服务器响应状态为 404(未找到)
】加载资源失败:服务器响应状态为404(未找到)【英文标题】:Failedtoloadresource:theserverrespondedwithastatusof404(NOTFOUND)【发布时间】:2013-03-3003:23:16【问题描述】:我是uisngpython,要将数据从json文件显示到页面,我收到以下错误Fail... 查看详情
Apache Cordova:“加载资源失败:服务器响应状态为 404(未找到)”
】ApacheCordova:“加载资源失败:服务器响应状态为404(未找到)”【英文标题】:ApacheCordova:"Failedtoloadresource:theserverrespondedwithastatusof404(NotFound)"【发布时间】:2016-01-0408:48:27【问题描述】:我收到错误消息:“加载资源... 查看详情
加载资源失败:服务器响应状态为 404(未找到)
】加载资源失败:服务器响应状态为404(未找到)【英文标题】:Failedtoloadresource:theserverrespondedwithastatus404(notfound)【发布时间】:2015-12-0117:06:28【问题描述】:我在javascript和ajax上遵循lynda教程,并在主题“使用同步XHR请求”主... 查看详情
加载资源失败:服务器响应状态为 404(未找到)
】加载资源失败:服务器响应状态为404(未找到)【英文标题】:Failedtoloadresource:theserverrespondedwithastatusof404(NotFound)【发布时间】:2014-07-1520:37:19【问题描述】:我在Eclipse中使用WorklightStudio。我创建了一个新工作区并创建了一个... 查看详情
加载资源失败:服务器响应状态为 404(未找到)显示在控制台上
】加载资源失败:服务器响应状态为404(未找到)显示在控制台上【英文标题】:Failedtoloadresource:theserverrespondedwithastatusof404(NotFound)displayedonconsole【发布时间】:2021-10-2319:00:43【问题描述】:Image我的文件结构是index.html、script.js... 查看详情
Angular 5 - 加载资源失败:服务器响应状态为 404(未找到)
】Angular5-加载资源失败:服务器响应状态为404(未找到)【英文标题】:Angular5-Failedtoloadresource:theserverrespondedwithastatusof404(NotFound)【发布时间】:2018-09-0703:44:17【问题描述】:我正在尝试从node_modules中的包中获取svg图像,我从我... 查看详情
加载资源失败:服务器响应状态为 404 () font-awesome [重复]
】加载资源失败:服务器响应状态为404()font-awesome[重复]【英文标题】:Failedtoloadresource:theserverrespondedwithastatusof404()font-awesome[duplicate]【发布时间】:2021-11-0923:32:12【问题描述】:我正在使用jsf和adminlte主题。我在使用图标时遇到... 查看详情
加载资源失败:服务器响应状态为 404 () Spring boot with JWT
】加载资源失败:服务器响应状态为404()SpringbootwithJWT【英文标题】:Failedtoloadresource:theserverrespondedwithastatusof404()SpringbootwithJWT【发布时间】:2021-10-2118:35:55【问题描述】:您好,我正在使用Jwt安全性创建SpringBoot项目来为用户生... 查看详情
加载资源失败:服务器响应状态为 404 (Not Found) angular js + ionic
】加载资源失败:服务器响应状态为404(NotFound)angularjs+ionic【英文标题】:Failedtoloadresource:theserverrespondedwithastatusof404(NotFound)angularjs+ionic【发布时间】:2014-09-2523:27:12【问题描述】:这是我在GoogleDevtTools中遇到的错误。有谁知道这... 查看详情
在 CPanel 上部署 Node.js React 应用程序 - “加载资源失败:服务器响应状态为 404 ()”
】在CPanel上部署Node.jsReact应用程序-“加载资源失败:服务器响应状态为404()”【英文标题】:DeployingaNode.jsReactApp,onCPanel-\'Failedtoloadresource:theserverrespondedwithastatusof404()\'【发布时间】:2019-08-1121:46:37【问题描述】:我将构建文件夹... 查看详情
在本地解析服务器上运行的解析仪表板错误出现:加载资源失败:服务器响应状态为 404(未找到)
】在本地解析服务器上运行的解析仪表板错误出现:加载资源失败:服务器响应状态为404(未找到)【英文标题】:parse-dashboardrunningonlocalparse-servererrorsoutinwith:Failedtoloadresource:theserverrespondedwithastatusof404(NotFound)【发布时间】:2021... 查看详情
散景内联嵌入,“加载资源失败”
...试嵌入散景图内联时,出现以下错误:“加载资源失败:服务器响应状态为404(未找到)”,引用此链接-https:/ 查看详情
Heroku jQuery JavaScript 库未加载 - 404 错误
...环境未加载jQueryJavaScript库,导致以下“加载资源失败:服务器响应状态为404(未找到)”。我所做的所有研究都指向资产管道问题,但我已确认资产正在本地预编译并交付给 查看详情
Miniprofiler gem 生成大量 404 错误
...多404错误:在chrome控制台中,标签网络:加载资源失败:服务器响应状态为404(未找到)http://loc 查看详情
heroku 节点服务器不会运行
】heroku节点服务器不会运行【英文标题】:herokunodeserverwon\'trun【发布时间】:2019-04-0312:10:55【问题描述】:嗨,我用nodeJS制作了一个伪造查看器并在本地运行,当我尝试在heroku上部署时,它在检查器中返回“无法获取”,它发... 查看详情
Autodesk Forge 尝试在线访问 API 时出错
...ine【发布时间】:2021-08-1605:14:51【问题描述】:我在在线服务器上加载3D模型时遇到问题,显示的错误与访问ForgeAPI有关,本地可以正常运行,但是当安装在服务器上或创建网站时,标记以下错误“加载资源失败:服务器响应状... 查看详情
部署到 GitHub 页面时反应应用程序失败,但在本地主机上运行良好
...开发工具在多个资源上给出了这个错误;加载资源失败:服务器响应状态为404(未找到) 查看详情
Heroku 无法获取/反应应用程序
...我将它上传到Heroku时,它显示无法获取/加载资源失败:服务器响应状态为404(未找到)我的webpack.config.prod.js文件看起来像这样constJS_BUNDLE 查看详情