Question

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

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

我有两个角度应用程序，一个在客户端文件夹中，另一个在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'));
        });

所以我的第一个角应用程序在app / dashboard-v1中，所有其他网址都被重定向到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
  }

我假设我的路线有问题。我该如何解决？在我的第一个app（app / dashboard-v1）中的index.html中，我添加了

<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状态代码

Answer 1

你是否在你的例子的/ direcotry上运行应用程序？

我认为您要将__dirname设置为静态文件夹

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

或者如果你想要，你可以设置特定的文件夹：

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

对于目录中的所有静态文件，Express js获得404

1 个答案: