Express js在一个目录下的所有静态文件都得到404

Express js getting 404 for all static files in a directory

本文关键字：静态 文件 js 一个 Express      更新时间：2023-09-26

为了方便，我为静态文件设置了多个目录。我的一些静态文件在client目录下一些仪表板相关的文件在src目录下所以现在我的目录结构如下

/
|
client //static files and other stuff
server //server side express, app, controller, models etc
src //other static files

我有两个angular应用程序，一个在客户端文件夹，另一个在src文件夹，我的服务器端路由如下- 

app.route('/app/dashboard-v1').get(function(req,res){
        res.sendFile(path.join(__dirname, '../src', 'index.html'));
    });
    // All undefined asset or api routes should return a 404
    app.route('/:url(api|img|src|auth|components|app|bower_components|assets)/*')
        .get(errors[404]);
    // All other routes should redirect to the index.html
    app.route('/*')
        .get(function (req, res) {
            res.sendFile(path.resolve(app.get('appPath') + '/index.html'));
        });

我的第一个angular应用在app/dashboard-v1中其他url都重定向到app2

我得到所有的文件在我的app2正确，但我得到404所有其他文件在我的第二个应用程序。现在如果我注释掉

//  app.route('/:url(api|img|src|auth|components|app|bower_components|assets)/*')
            .get(errors[404]);

我在第一个应用程序的所有文件中从第二个应用程序获得我的index.html，而不是404错误

我的快速配置如下- 

if ('production' === env) {
    app.use(favicon(path.join(config.root, 'public', 'favicon.ico')));
    app.use(express.static(path.join(config.root, 'public')));
    app.set('appPath', path.join(config.root, 'public'));
    app.use(morgan('dev'));
  } else {
    app.use(require('connect-livereload')());
    app.use(express.static(path.join(config.root, '.tmp')));
    app.use(express.static(path.join(config.root, 'client')));
    app.use(express.static(path.join(config.root, 'src')));
    app.set('appPath', path.join(config.root, 'client'));
    app.use(morgan('dev'));
    app.use(errorHandler()); // Error handler - has to be last
  }

我想我的路线出了问题。我该如何解决这个问题?在我的index.html在第一个应用程序(app/dashboard-v1)，我已经添加了

<base href="/src/" />

和我的index.html中的所有链接都是相对的，下面是来自src/index.html的一个块(app/dashboard-v1 url app)-

<script src="vendor/angular/angular-animate/angular-animate.js"></script>
  <script src="vendor/angular/angular-cookies/angular-cookies.js"></script>

当我在浏览器中打开网络控制台时，向服务器发出的请求是这样的- 

Request URL:http://localhost:9000/src/vendor/angular/angular-animate/angular-animate.js

，我得到一个404状态码在浏览器控制台

您是否在示例的/目录下运行应用程序?

我认为你必须设置__dirname作为静态文件夹

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

或者如果你愿意，你可以这样设置特定的文件夹:

app.use("/public", express.static(__dirname + "/public"));
app.use("/public2", express.static(__dirname + "/public2"));
相关文章：