использование маршрутизатора React с маршрутом Next JS - PullRequest
Новая
       8

использование маршрутизатора React с маршрутом Next JS

0 голосов
/ 01 мая 2018

У меня простой вопрос, я новичок в Next.JS у нас есть проект, и мое веб-приложение управляет маршрутами в BackEnd с помощью Next JS

Теперь моя проблема здесь, я хочу использовать React-Router-dom в одном разделе

Например, прежде чем я буду работать с Laravel и React

в Laravel Я установил Мой маршрут следующим образом 

 Route::get('/reactPage/*' ...)

и затем используйте клиентский маршрут с реакцией

но я не знаю, как справиться с этим с помощью Next JS

(подробнее => например, я хочу, чтобы пользователь щелкал по какой-то ссылке после того, как этот пользователь увидит страницу с какой-то ссылкой внутри них, если пользователь щелкнет по этой ссылке, обработает маршрут реакции-маршрутизатора-dom и никакой запрос не будет отправлен на сервер )

1 Ответ

0 голосов
/ 21 июля 2018

Я бы порекомендовал использовать следующий роутер. Вам необходимо создать пользовательский сервер, чтобы перегрузить маршрутизацию Next по умолчанию, но это тривиальная задача: 

// server.js
const { createServer } = require('http');
const next = require('next');
const routes = require('./routes');

const port = parseInt(process.env.PORT, 10) || 3000;
const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handler = routes.getRequestHandler(app);

app.prepare().then(() => {
    createServer(handler).listen(port, err => {
        if (err) {
            throw err;
        }
        console.log(`> Ready on http://localhost:${port}`);
    });
});

Затем вы можете определить маршруты, которые я делаю в файле rout.js: 

// routes.js
const nextRoutes = require('next-routes');
const routes = (module.exports = nextRoutes());

routes
    .add('landing', '/')
    .add('profile', '/profile', 'profile');
...