我有一个具有以下树形结构的快递服务器:
因此,基本上backend
文件夹是我从中提供文件的位置,它具有自己的npm软件包。我将视图和静态资产配置如下:
// backend/app.js
...
app.use('/login', controllers.login);
app.use('/images', express.static(__dirname + '/images'));
app.use('/assets', express.static(__dirname + '/assets'));
app.set('views', express.static(__dirname + '/backend/views'));
// backend/controllers/login.js
...
app.get(
'/',
function(req, res) {
res.render('login');
}
)
...
// package.json of root folder (i.e. outside /backend)
...
"scripts": {
"start": "cd backend && npm start"
},
...
// package.json of /backend folder
...
"scripts": {
"start": "gulp prep && pm2-runtime server.js"
}
...
// gulpfile (in root folder i.e. outside /backend)
...
function moveToServer(cb) {
src(['dist/**'])
.pipe(dest('backend'));
cb();
}
exports.prep = series(buildAssetsAndSaveToDistFolder, moveToServer);
...
这在本地运行良好,因此我只需从根文件夹执行npm start
,然后gulp即可构建资产,将其移动到后端文件夹中,然后启动服务器。我可以使用localhost访问它,一切都很好。但是,我尝试在DO液滴上执行相同的操作,并且看到的行为几乎相同,只是backend/assets/
文件夹中的内容始终无法加载并出现404错误。这很奇怪,因为backend/images
文件夹中的内容加载没有问题,但是我已经检查并仔细检查了,backend/assets
中确实存在文件,但它们只是无法加载。需要明确的是,像http://example.com/images/logo.png
这样的请求成功了,但是http://example.com/assets/css/styles.css
给出了404 Not Found
。
有什么想法吗?谢谢!