使用Pug在实时服务器上获取404，但在本地主机上获取304

Question

所以，这是一个奇怪的问题。我正在使用Express和Pug运行Nodejs应用程序。我的所有静态文件都在公用文件夹中，Pug文件在Views文件夹中。我设置了app.js文件，以便从Public文件夹中获取所有静态文件。我正在使用Nginx来处理服务器。

奇怪的是，当我使用AWS在Ubuntu实例上运行它时，我所有的js和css文件都会得到404。当我在本地计算机上运行它时，我会得到304个错误，但一切都加载并正常工作。

你知道我做错了什么吗？我将在下面显示一些代码。

Pug文件

doctype html
html
head
meta(charset='utf-8')
title Signature Pad
meta(name='description', content='Signature Pad - HTML5 canvas based smooth signature drawing using variable width spline interpolation.')
meta(name='viewport', content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no')
meta(name='apple-mobile-web-app-capable', content='yes')
meta(name='apple-mobile-web-app-status-bar-style', content='black')
link(rel='stylesheet', href='stylesheets/signature-pad.css')
#signature-pad.signature-pad
.signature-pad--body
canvas
.signature-pad--footer
div
.description Sign Above
.signature-pad--actions
div
button.button.clear(type='button', data-action='clear') Clear
button.button(type='button', data-action='undo') Undo
div
form(action='', method='POST', onsubmit='completeAndRedirect();return false;')
label(for='fname') First name:
input#firstName(type='text', name='fname')
label(for='lname')          Last name:
input#lastName(type='text', name='lname')
br
br
label(for='company') Company:
input#company(type='text', name='company')
br
br
input.button.save(type='submit', value='Submit', data-action='save-svg')
script(src='js/signature_pad.umd.js')
script(src='js/app.js')

App.js文件

const express = require('express');
const path = require('path');
const NetSuiteOauth = require('netsuite-tba-oauth');
const bodyParser = require('body-parser');
const app = express();
//Parse incoming request
app.use(bodyParser.json());
//app.use(bodyParser.urlencoded({ extended: false }));
//View engine
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');
//Static Files
app.use(express.static(__dirname + '/Public'));
app.get('/', (req, res, next)=> {
return res.render('landing', {title: 'Home'})
});
app.get('/customer', (req, res, next)=> {
return res.render('signature', {title: 'Customer'})
});
app.get('/employee', (req, res, next)=> {
return res.render('signature', {title: 'Employee'})
});
app.post('/customer', (req, res, next)=>{    
return res.render('entered', {title: 'Home'})
});
app.post('/employee', (req, res, next)=>{    
return res.render('entered', {title: 'Home'})
});
app.listen(8080);

文件夹结构

文件结构图像

如果我不清楚，请让我知道，第一次在Stack 上摆姿势

Answer 1

在生产服务器中的nginx上，您需要修改sites_available文件，以默认指向静态文件夹。

server {
root /www/data;
location / {
}
.....
}

请检查所附的链接，以提供静态文件夹静态nginx