Question

我是node.js的新手。我从bin / wwww运行nodejs并获取“jquery.min.js：4 GET http://127.0.0.1:3000/file.js 404（Not Found）”错误。我在一个简单的网页上尝试非常基本和简单的事情。只是尝试通过ajax调用在服务器上执行文件，但它始终显示文件未找到错误。

在我的html页面（firstpage.html）中，我正在尝试将其作为客户端请求。

<!DOCTYPE html>
<html>

<head>
<meta content="en-us" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link rel="stylesheet" type="text/css" href="stylesheets/myButton.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  

<script>
var dataString;

$(document).ready(function(){
    $.ajax({
    type: "GET",
    url: 'file.js',
    data: dataString,
    success: function(data){
       console.log(data);
        }
    });
}); 
</script>
</head>

<body>
<p class="auto-style1"><strong>Welcome to MyPage</strong></p>
<div >
<input class="myButton" type="button" onclick="readTextFile(test.txt)" value="Submit" />
</div>
<button id="bb">QUERY</button>
</body>
</html>

我在服务器上有一个文件（file.js），

var fs = require("fs");

console.log("Going to write into existing file");
fs.writeFile('input.txt', 'Simply Easy Learning!',  function(err) {
   if (err) {
      return console.error(err);
   }

   console.log("Data written successfully!");
   console.log("Let's read newly written data");
   fs.readFile('input.txt', function (err, data) {
      if (err) {
         return console.error(err);
      }
      console.log("Asynchronous read: " + data.toString());
   });
});

目前file.js和index.txt位于myapp \ public \ javascripts位置。我的app.js如下，

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

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

var app = express();

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

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/users', users);
app.use('/firstpage', firstpage);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// 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;

我在配置上犯了一些错误吗？请帮忙。

Answer 1

当请求file.js时，您的快递永远不会被告知要提供什么。

app.use('/', index);
app.use('/users', users);
app.use('/firstpage', firstpage);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

因为它不是。，/ users或/ firstpage，所以它默认为404错误并返回该错误。因为它是一个js文件，所以你需要使用express的静态中间件函数。

app.use(express.static('routes');

应该是你想要的，我会把它放在

之后

app.use('/', index);
app.use('/users', users);
app.use('/firstpage', firstpage);

这样：

app.use('/', index);
app.use('/users', users);
app.use('/firstpage', firstpage);
app.use(express.static('routes');

请注意，这将允许静态访问路径文件夹中的任何内容，因此您要么想要将所有静态资源移动到其他位置，要么阻止路径文件夹中的任何内容。我想以这种方式访问。

Answer 2

您的ajax请求指向公用文件夹但文件仍在javascripts子目录中...尝试在公用文件夹中移动您请求的文件或更改请求URL以指向正确的文件夹结构...

Answer 3

查看以下内容：https://github.com/mdn/express-locallibrary-tutorial

https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs

// Catch 404 and forward to error handler
    app.use(function(req, res, next) {
      var err = new Error('Not Found');
      err.status = 404;
      next(err);
    });

    // 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');
    });

节点js GET 404（未找到）

3 个答案: