0

问题

我有一个简单的 Nodejs Express Hello_World应用程序，并使用Plesk-Onyx17.8.11在本地和实时服务器上运行。localhost:3000该应用程序在我的浏览器中正确运行：

在本地主机中工作的快速应用程序

但是在我将文件推送到服务器后（使用 Filezilla ftp 客户端），我的浏览器无法加载公用文件夹中的文件，因此它不会加载 CSS 文件：

不在服务器上加载 CSS

如您所见，该文件http://shamimkeshani.ir/stylesheets/style.css无法下载。这是正确的 URL，因为我们app.use(express.static(path.join(__dirname, '/public')));在 Express 应用程序中使用。但是假设如果我们插入错误的URL 文件，http://shamimkeshani.ir/public/stylesheets/style.css它会找到该文件并从 正确下载shamimkeshani.ir，这不是正确的行为！此外，这在本地不起作用，这是正确的行为！

在此处输入图像描述

在此处输入图像描述

代码

我曾经express-generator创建默认的Hello_World Express 应用程序。app.js文件：

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
console.log(__dirname);
app.use(express.static(path.join(__dirname, '/public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

我使用一个server.js文件来运行 Nodejs 应用程序。这个文件实际上是./bin/wwwExpress 使用的文件的副本。我使用npm startwhich 在本地运行此文件。此外，该server.js文件在 Plesk 中设置用于在服务器上启动应用程序：

#!/usr/bin/env node

/**
 * Module dependencies.
 */

var app = require('./app');
var debug = require('debug')('app:server');
var http = require('http');

/**
 * Get port from environment and store in Express.
 */

var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);

/**
 * Create HTTP server.
 */

var server = http.createServer(app);

/**
 * Listen on provided port, on all network interfaces.
 */

server.listen(port);
server.on('error', onError);
server.on('listening', onListening);

/**
 * Normalize a port into a number, string, or false.
 */

function normalizePort(val) {
  var port = parseInt(val, 10);

  if (isNaN(port)) {
    // named pipe
    return val;
  }

  if (port >= 0) {
    // port number
    return port;
  }

  return false;
}

/**
 * Event listener for HTTP server "error" event.
 */

function onError(error) {
  if (error.syscall !== 'listen') {
    throw error;
  }

  var bind = typeof port === 'string'
    ? 'Pipe ' + port
    : 'Port ' + port;

  // handle specific listen errors with friendly messages
  switch (error.code) {
    case 'EACCES':
      console.error(bind + ' requires elevated privileges');
      process.exit(1);
      break;
    case 'EADDRINUSE':
      console.error(bind + ' is already in use');
      process.exit(1);
      break;
    default:
      throw error;
  }
}

/**
 * Event listener for HTTP server "listening" event.
 */

function onListening() {
  var addr = server.address();
  var bind = typeof addr === 'string'
    ? 'pipe ' + addr
    : 'port ' + addr.port;
  debug('Listening on ' + bind);
}

package.json文件：

{
  "name": "app",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./server.js"
  },
  "dependencies": {
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "express": "~4.16.0",
    "http-errors": "~1.6.2",
    "morgan": "~1.9.0",
    "pug": "2.0.0-beta11"
  }
}

我还检查了在本地和服务器上运行的 Nodejs 版本，它们都匹配（10.1.0）。

我搜索了很多，无法弄清楚如何解决这个问题。我希望我的 Nodejs 应用程序在本地和服务器上都能正常工作。对我可能遇到的未来问题的任何其他想法以及任何进一步的建议都将不胜感激。谢谢。

4

0 回答 0