Question

我正在使用一个角度应用程序，使用

在本地工作正常

foreman start -p 9000 web

也使用

grunt serve

在部署到英雄时，我在丢失css文件时遇到错误。一个例子

https://rc-batchentry-dev.herokuapp.com/components/batch-review.css Failed to load resource: the server responded with a status of 404 (Not Found)

我正在使用grunt构建工具。

web.js（相关部分）

// Static files
if (/development/.test(app.get('env'))) {
    console.log('ENVIRONMENT: development');
    app.use('/', express.static(__dirname + '/app'));
    app.use('/', express.static(__dirname + '/.tmp'));
    app.use('/bower_components', express.static(__dirname + '/bower_components'));
}
if (/production/.test(app.get('env'))) {
    console.log('ENVIRONMENT: production');
    app.use(express.static(__dirname + '/dist'));
}
// Start the server
app.listen(process.env.PORT || 9000, function () {
    console.log('App started:', app.get('env'));
});

的index.html 仅限css部分：

    <link rel="stylesheet" href="app.css"></link>
    <link rel="stylesheet" href="bootstrap.css"></link>
    <link rel="stylesheet" href="components/batch-delete.css"></link>
    <link rel="stylesheet" href="components/batch-design.css"></link>
    <link rel="stylesheet" href="components/batch-edit.css"></link>
    <link rel="stylesheet" href="components/batch-import.css"></link>
    <link rel="stylesheet" href="components/batch-review.css"></link>
    <link rel="stylesheet" href="components/batch-revisions.css"></link>
    <link rel="stylesheet" href="components/batch-view.css"></link>
    <link rel="stylesheet" href="components/batches.css"></link>
    <link rel="stylesheet" href="components/monitor.css"></link>
    <link rel="stylesheet" href="components/unsupported.css"></link>

Answer 1

heroku config:set NODE_ENV=production

上面的环境设置解决了这个问题，当我查看heroku日志时，它指向了开发。

CSS没有加载到Heroku，在当地工头工作

1 个答案: