Express.static() 不工作

Question

我有以下服务器代码：

var express = require('express');
var webpack = require('webpack');
var app = express();

//app.use(express.static(path.join(__dirname, "public")));
app.use("/", express.static(__dirname + "/public"));
//both not working. I have tried multiple ways....

app.get("/",function (req, res){
res.sendFile(__dirname + "/public/index/index.html")
});


app.listen(3000);

Webpack 配置

module.exports = {
entry: './app/index/index.js',
output: {
    path: path.resolve(__dirname, 'public/index'),
    publicPath: '/public/index',
    filename: 'index_bundle.js'
},
module: {
    rules: [
        { test: /\.(js)$/, use: 'babel-loader' },
        { test: /\.css$/, use: [ 'style-loader', 'css-loader' ]}
    ]
},
plugins: [
    new HtmlWebpackPlugin({
        template: 'app/index/index.html'
    })
]};

以下目录结构：

      -public
        -index
          -index_bundle.js

当我尝试加载我的 index_bundle js 时出现以下错误：

GET http://localhost:3000/public/index/index_bundle.js 404（未找到）

我无法修复它，我在网上找不到解决方案。

Answer 1

改变

app.use("/", express.static(__dirname + "/public"));

到

app.use("/", express.static(__dirname));

您可以使用

DEBUG=* node <your-server-file>.js

调试此类与快递相关的问题。

更好更安全的解决方案：

var path = require('path');
var express = require('express');
var app = express();

app.use("/public", express.static(path.resolve(__dirname, 'public')));

app.get("/",function (req, res) {
  res.sendFile(__dirname + "/public/index/index.html")
});


app.listen(3000);

Answer 2

app.use("/", express.static(path.join(__dirname, "../public")));

确保 HTML 文件的名称必须是 public 文件夹中的 index.html