Блог

В моем коде маршрутизатора у меня есть что-то вроде приведенного ниже. На моей главной странице у меня есть кнопка для перехода на страницу входа в систему, которая работает без nodejs, но после подключения node.js код, покажите мне только главную страницу, если я нажму кнопку входа, страница будет отображаться так Cannot GET /LoginPage.html . Как это исправить?

 const express = require('express')


const router = express.Router()

router.get('/', (req, res) => {
    res.render('HomePage.html', {
        title: 'Hello World'
    })
})
router.get('/login', (req, res) => {
    res.render('LoginPage.html', {
        title: 'Hello World'
    })
})
  

В app.js код:

 const passport = require('passport')
const flash = require('express-flash')
const session = require('express-session')
const multer = require('multer');
const GridFsStorage = require("multer-gridfs-storage");
const path = require('path')
const cors = require('cors')
const crypto = require("crypto");
const favicon = require('serve-favicon')


const app = express(); 


const User = require('./models/user')
   
const router = require('./router')

app.engine('html', require( 'express-art-template'))

app.use(bodyParser.urlencoded({ extended: false }))

app.use(bodyParser.json())

app.use(express.static(__dirname   '/public'))
app.use('/node_modules/', express.static(__dirname   '/node_modules'))

app.use(cors());

app.use(router)

app.listen(4001, (req, res) => {
    console.log('port xxxx')
})
  

В HTML-коде просто нажмите кнопку и перейдите к Loginpage.html

  <a href="./LoginPage.html"> Login</a>
  

Пара вещей,

1. у вас есть 2 одинаковые конечные точки router.get('/',
2. Так что измените второй маршрут на что-то вроде router.get('/login',
3. теперь вы должны получить доступ к своей странице входа в / login

Вы получаете Cannot GET /LoginPage.html , потому что нет маршрута LoginPage.html в вашем бэкэнде

Во-первых, то, как вы определили маршруты, неверно, поскольку у вас 2 одинаковые конечные точки.Попробуйте изменить конечную точку входа как /login в вашем файле .js.

Вам также необходимо изменить html-файл, поскольку вы пытаетесь напрямую вызвать html-файл, а не конечную точку api / login.Вам нужно обратиться к конечной точке серверной части узла, которая отображает нужный HTML-файл. не прямая ссылка на html-файл.

 const express = require('express');
const app = express();

const router = require('./router');
const bodyParser = require('body-parser');
const path = require('path');
const cors = require('cors');

app.engine('html', require('express-art-template'));

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

app.use(bodyParser.json());

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

app.use(cors());

app.use(router);

app.listen(4001, (req, res) => {
  console.log('port 4001');
});
  

 const express = require('express');

const router = express.Router();

router.get('/', (req, res) => {
  res.render('index.html', {
    title: 'Hello World',
  });
});
router.get('/login', (req, res) => {
  res.render('login.html', {
    title: 'Hello World',
  });
});

module.exports = router;
  

 --public
-------  index.html
-------  login.html
-- app.js
--router.js
--package.json