Javascript Node.js+;快速路线未按预期运行

Javascript Node.js+;快速路线未按预期运行,javascript,node.js,mongodb,express,Javascript,Node.js,Mongodb,Express,我是Node.js的新手,我对连接本地主机和与MongoDB接口有些困惑。似乎它忽略了我创建的路线 首先,这里是我的目录结构的快照 这是我的package.json: { "name": "summer_breeze", "version": "1.0.0", "devDependencies": { "grunt": "~0.4.1", "grunt-contrib-concat": "^1.0.1", "grunt-contrib-imagemin":

我是Node.js的新手,我对连接本地主机和与MongoDB接口有些困惑。似乎它忽略了我创建的路线

首先,这里是我的目录结构的快照

这是我的package.json:

{
  "name": "summer_breeze",
  "version": "1.0.0",
  "devDependencies": {
    "grunt": "~0.4.1",
    "grunt-contrib-concat": "^1.0.1",
    "grunt-contrib-imagemin": "^1.0.1",
    "grunt-contrib-sass": "^1.0.0",
    "grunt-contrib-uglify": "^2.3.0",
    "grunt-contrib-watch": "^1.0.0",
    "webpack-dev-server": "^2.9.7"
  },
  "description": "",
  "main": "app.js",
  "scripts": {
    "start": "nodemon ./start.js"
  },
  "author": "*** ********",
  "license": "ISC",
  "dependencies": {
    "cookie-parser": "^1.4.3",
    "dotenv": "^4.0.0",
    "express": "^4.16.2",
    "mongod": "^2.0.0",
    "mongoose": "^4.13.7",
    "nodemon": "^1.14.1",
    "normalize.css": "^6.0.0"
  }
}
这是我的start.js文件:

const mongoose = require('mongoose');

// import environmental variables from our variables.env file
require('dotenv').config({ path: 'variables.env' });

mongoose.connect(process.env.DATABASE, { useMongoClient: true });
mongoose.Promise = global.Promise; 
mongoose.connection.on('error', (err) => {
  console.error(`${err.message}`);
});


const app = require('./app');
app.set('port', process.env.PORT || 7777);
const server = app.listen(app.get('port'), () => {
  console.log(`Express running → PORT ${server.address().port}`);
});
这是我的app.js:

const express = require('express');
const path = require('path');
const cookieParser = require('cookie-parser');
const bodyParser = require('body-parser');
const routes = require('./routes/index');
const errorHandlers = require('./handlers/errorHandlers');


const app = express();

app.use(express.static(path.join(__dirname, 'public')));

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));


app.use('/', routes);

// If that above routes didnt work, we 404 them and forward to error handler
app.use(errorHandlers.notFound);

// One of our error handlers will see if these errors are just validation errors
app.use(errorHandlers.flashValidationErrors);

// Otherwise this was a really bad error we didn't expect! Shoot eh
if (app.get('env') === 'development') {
  /* Development Error Handler - Prints stack trace */
  app.use(errorHandlers.developmentErrors);
}

// production error handler
app.use(errorHandlers.productionErrors);

module.exports = app;
这是我必须处理所有路由的index.js文件:

const express = require('express');
const router = express.Router();

router.get('/', (req, res) => {
  res.send('Hello World!');
});

module.exports = router;
当我在命令行上运行
npm start
时,我得到的结果如下:

> summer_breeze@1.0.0 start /Users/**********/Repos/Summer_Breeze
> nodemon ./start.js

[nodemon] 1.14.1
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node ./start.js`
Express running → PORT 7777
这很好。这是我所期待的。但是,当我在web浏览器中转到localhost:7777/时,它会调出我的公用文件夹中的index.html页面,而当我调出dev tools中的控制台时,什么都没有。它好像完全忽略了我创建的路线

为什么会这样?我唯一的路径应该是控制台日志“Hello World!”。我以为我得跑了
router.get(“/”,(req,res)=>{
res.sendFile('public/index.html');
});用于加载我的index.html文件

为什么它会拉我的index.html文件?如果在查找我的index.js文件时出现问题,是否有一个默认路由服务于我的静态文件?我甚至尝试从index.js文件中删除所有路由,但它似乎仍在加载index.html文件


谁能让我更深入地了解一下发生了什么事?非常感谢

res.send实际上是用您传递的字符串发送响应。注释掉res.send并使用console.log(“helloworld”),然后您将在服务器上的控制台中看到它,因为它是服务器端的。不在chrome开发工具上

res.send实际上是用您传递的字符串发送响应。注释掉res.send并使用console.log(“helloworld”),然后您将在服务器上的控制台中看到它,因为它是服务器端的。不在chrome开发工具上

尝试交换
app.use(express.static(path.join('public'))
应用程序使用(“/”,路由)

尝试交换
app.use(express.static(path.join('public'))
应用程序使用(“/”,路由)

在更改顺序时交换它们?是。第一期
app.use('/'..)
,然后
app.use(express.static(…)
成功了!你介意简要解释一下为什么会这样吗?我仍然很好奇,为什么它会把我的index.html文件从我的公用文件夹中拉出来……当你应用
app时,它会把长话短说。使用(express.static(…)
然后“express”将express.static注册为“/”的路由。然后您为“/”添加了自己的路由,但在静态之后。事实上,当您从服务器请求“/”时,静态处理此请求并返回“index.html”。啊,这很有意义。谢谢!在改变顺序时交换它们?是的。第一期
app.use('/'..)
,然后
app.use(express.static(…)
成功了!你介意简要解释一下为什么会这样吗?我仍然很好奇,为什么它会把我的index.html文件从我的公用文件夹中拉出来……当你应用
app时,它会把长话短说。使用(express.static(…)
然后“express”将express.static注册为“/”的路由。然后您为“/”添加了自己的路由,但在静态之后。事实上,当您从服务器请求“/”时,静态处理此请求并返回“index.html”。啊,这很有意义。谢谢!即使删除了这个,它仍然不工作,也不会显示在控制台中…我更困惑的是,为什么我的index.html文件会显示出来,而不是路由函数是否工作。我试图帮助您理解问题的第一部分。您希望console.log显示在开发工具中。这是不正确的。即使删除了它,它仍然不工作,也不会显示在控制台中……我更困惑的是,为什么我的index.html文件会显示出来,而不是路由函数是否工作。我试图帮助您理解问题的第一部分。您希望console.log显示在开发工具中。那是不对的。