当前位置: 首页 > 知识库问答 >
问题:

“无法加载资源:服务器以404的状态响应”express docker

陶俊晤
2023-03-14
    null
    null
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');
    },
  );
});
<!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>
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,
  },
};
"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*/
FROM node:latest
WORKDIR /app
COPY . /app
EXPOSE 3000
version: "3"
services:
  app:
    container_name: projectX
    image: docker-node-express-mongoapp
    restart: always
    build: .
    command: npm run start
    ports:
      - "3000:3000"


  mongo:
    container_name: mongo
    image: mongo
    command: ["mongod", "--bind_ip_all"]
    volumes: 
       - /app:/data/configdb
       - mongo-data:/data/db
    ports:
       - "27017:27017"

volumes:
    mongo-data:
app.get('/', function(request, response) {
    response.sendFile(path.resolve(__dirname + '../../../frontend/src/index.html'),
  );
});

共有1个答案

澹台逸明
2023-03-14
    null
    null
    null
 类似资料:
  • 从web服务加载时出现问题,并得到一个错误: 无法加载资源:服务器以404()的状态响应 如果有任何帮助,我将不胜感激。 您还可以看到具有相同代码的小提琴。 JSFiddle链接:https://jsfidle.net/jakwakwa/laglxpq7/6/ null null

  • 我有一个带有ASP. NET Core Web API后端和Angulal-13前端的项目。 Web API有这样一个endpoint:https://localhost:5001/api/v1/admin/teachers 登录后,当我将生成的不记名令牌粘贴到POSTMAN时,它会给出这样的结果: 从Angular前端,我有这些代码。 角度 teacher.service: 教师组件: 我本以为

  • 我正在运行一个spring MVC应用程序,下面是我的项目结构。 在我的中,我尝试在header部分加载js。 但我在浏览器中发现了以下错误。 在我的spring文件中,我添加了 有人能指出我犯的错误吗?

  • 我在我的服务器上部署反应应用程序,它在localhost上运行良好,但当我试图在我的服务器上使用它时,我得到了 加载资源失败:服务器响应状态为404(未找到)shayankh。me/graphql 我在服务器上的根位置是 /var/www/html/ '这是我的server.js 和索引。js 我不知道我的问题出在哪里。是否有可能是因为服务器的根位置,我的应用程序找不到GraphQL?我还在我的服

  • 当我导航到authenticated url时,所有静态内容(甚至是href中的url)都与路由的url附加在一起,因为我得到的是该页面中的所有资源和href元素中的所有url的404 对于E.X 当我导航到MyApp/Reports/my静态内容已更改为 通常在html中看起来像 null null 我在这里错过了一些东西,甚至我已经enebled了MVC:Resources

  • 我在浏览器中收到错误消息“加载资源失败:服务器响应状态为404”,我正在使用Node/Express、Mongo数据库和Docker。没有Docker一切正常。 文件夹结构: 后端 服务器 服务器。js公司 src公司 索引。html server.js 指数html 包裹json{脚本} 文档文件 docker编写。yml公司 如果我在浏览器中输入“192.168.99.100:3000/gal