极客观点
项目管理
HarmonyOS
我是 node.js 的新手。我正在从 bin/wwww 运行 nodejs 并收到“jquery.min.js:4 GET http://127.0.0.1:3000/file.js 404（未找到）”错误。我正在一个简单的网页中尝试非常基本和简单的事情。只是试图通过 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;
我在配置上犯了一些错误吗？请帮忙。
原文由 usersam 发布，翻译遵循 CC BY-SA 4.0 许可协议
当请求 file.js 时，你的快递永远不会被告知要服务什么。
因为它不是 .、/users 或 /firstpage，所以它默认为 404 错误并返回它。而且因为是js文件，所以需要用到express的静态中间件功能。
应该是你想要的，我会放在后面
这样：
当心，这将允许静态访问 routes 文件夹中的任何内容，因此您要么想将所有静态资源移动到其他地方，要么阻止 routes 文件夹中您不想以这种方式访问的任何内容。