根不适用于节点js中的管理面板

Question

我想给 2 个根，一个给管理员，另一个给用户。 访问管理面板 http://localhost:3000/admin 访问用户页面 http://localhost:3000。 但问题是当从管理面板的菜单中选择一个选项时，它不会进入该页面，并显示 404 错误。[如果我单击具有 href add-faq 的选项，它必须显示为 http://localhost ：3000/管理员/添加常见问题解答。但它显示 http://localhost:3000/add-faq 并给出 404 错误] 但是用户页面没有问题。 我正在使用节点 js、Express、Hbs。 所有文件都正确命名，没有文件丢失.. 如果手动给定 http://localhost:3000/admin/add-faq 样式表未加载 (404)

GITHUB :https://github.com/bimalboby/clevercode 请帮助并提前感谢????

我的 App.js 文件：

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

var userRouter = require('./routes/user');
var adminRouter = require('./routes/admin');
var hbs = require('express-handlebars')

var app = express();
var db=require('./config/connection')

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

app.engine('hbs',hbs({extname:'hbs',defaultLayout:'layout',layoutDir:__dirname+'/views/layouts',partialsDir:__dirname+'/views/partials'}))

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
db.connect((err)=>{
  if(err) console.log('connection failed'+err);
  else console.log('connected to database');
})
app.use('/', userRouter);
app.use('/admin',adminRouter);

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

**My admin.js:**

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

/* GET users listing. */
router.get('/', function(req, res, next) {
    res.render('adminintro',{admin:true})
  
  });
router.get('/add-prices', (req,res)=>{
  res.render('faqadmin',{admin:true})
  
  });
router.get('/add-faq',(req,res)=>{
  res.render('faqadmin',{admin:true})
   })
 
 
module.exports = router;

**my user.js:**

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

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index',{admin:false,indexpage:true});
});

router.get('/faq',(req,res)=>{
  res.render('faq',{indexpage:true})
});
router.get('/web-design-pricing',(req,res)=>{
  res.render('price',{indexpage:true})
});
router.get('/e-commerce-pricing',(req,res)=>{
  res.render('price',{indexpage:true})
});
router.get('/seo-pricing',(req,res)=>{
  res.render('price',{indexpage:true})
});


module.exports = router;

Answer 1

尝试在 /views/partials/admin-header.hbs 文件中添加完整的端点，如下所示，

<li><a href="/admin/add-faq">FAQ</a></li>

您的用户路由在 server.js 中使用端点“/”。所以它的工作原理需要像 /admin/add-faq 一样链接管理员