ExpressJS设置SEO友好路线

时间:2018-07-26 18:21:05

标签: node.js express internationalization

我是NodeJS的新手,在设置路线时遇到问题。我正在使用i18nexti18next-express-middlewarei18next-node-fs-backend来创建一个多语言的测试网站。

我希望我的URL如下所示,具体取决于所选的语言:

  • /fr/index,用于法语,
  • /en/index,用于英语
  • /jp/index,日语。

我目前正面临至少一个问题。默认路由不会将我发送到正确的URL。我总是被指引到/

这是我的server.js文件:

'use strict';
var debug = require('debug');
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 i18next = require('i18next');
var i18nextMiddleware = require('i18next-express-middleware');
var backend = require('i18next-node-fs-backend');

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

var app = express();

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

i18next
    .use(backend)
    .use(i18nextMiddleware.LanguageDetector)
    .init({
        backend: {
            loadPath: __dirname + '/locales/{{lng}}/{{ns}}.json',
            addPath: __dirname + '/locales/{{lng}}/{{ns}}.missing.json'
        },
        ns: ["ns.common"],
        defaultNS: "ns.common",
        fallbackNS: "ns.common",
        fallbackLng: 'en',
        preload: ['en', 'fr', 'jp'],
        saveMissing: true,
        removeLngFromUrl: false,
        detection: {
            order: ['path', 'session', 'querystring', 'cookie', 'header']
        },
    });
app.use(i18nextMiddleware.handle(i18next));

// uncomment after placing your favicon in /public
//app.use(favicon(__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('/', routes);
app.use('/users', users);

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

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function (err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function (err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});

app.set('port', process.env.PORT || 3000);

var server = app.listen(app.get('port'), function () {
    debug('Express server listening on port ' + server.address().port);
}); 

这是我的index.js文件:

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

/* GET home page. */
router.get('/:lng', function (req, res) {
    res.header("Content-Type", "text/html; charset=utf-8");
    res.render('index', {});
});

module.exports = router;

项目说明如下:

locales
  |_en
    ns.common.json
  |_fr
    ns.common.json
  |_jp
    ns.common.json
public
  |_fonts
  |_images
  |_javascripts
  |_stylesheets
routes
  index.js
  user.js
views
server.js

如果我手动输入URL,一切正常。

有人可以帮助我检测代码中的错误吗?

预先感谢您的回答。

编辑

正如Kishan指出的那样,我使用以下代码,以便将用户重定向到正确的语言环境。因此,我正在使用cookie来存储用户的语言环境。我不知道这是一种安全的方法,还是最优化的方法,但是它可以工作。

这是索引文件:

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

/* GET home page. */
router.get('/', function (req, res) {
    res.redirect(req.cookies.locale + '/index');
});

router.get('/:lng/index', function (req, res) {
    res.header("Content-Type", "text/html; charset=utf-8");
    res.render('index', {});
});

/* Change locale */
router.post('/locale', function (req, res) {
    res.cookie('locale', req.body.locale, { maxAge: 900000, httpOnly: true });
    res.json({ status: 'success',  redirect: '/' + req.body.locale + '/index'});
});

module.exports = router;

1 个答案:

答案 0 :(得分:1)

您需要在index.js中为/(根)添加路由。

在上面的代码中,路由进入index.js,但未找到/(根)的路径。

因此添加如下路线...

router.get('/', function (req, res) { // YOUR LOGIC });

在您的index.js中。