React + Sails:处理路由

Question

我正在使用Sails和React开发一个Web应用程序.我使用sails的主要目的是利用MVC模式,而React则用于提供视图.因为,Sails提供了自己的路由,但我想使用我的React-router.

例如:在react-router中我们有NotFoundRoute,所以当我访问一个不存在的页面时,它应该显示我为其定义的处理程序NotFoundRoute.相反,它向我展示了404页面.

那么当我想使用我的React路线时如何控制帆路线呢？

反应路线

var JSX = require('babel/register'),
    React = require('react'),
    Router = require('react-router'),
    DefaultRoute = Router.DefaultRoute,
    NotFoundRoute = Router.NotFoundRoute,
    Route = Router.Route;


var routes = (
        <Route name="splash" path="/" handler={require('../main')}>
            <DefaultRoute handler={require('../components/Signup/signup')} />   
            <Route name="signup" path="/user/signup" handler={require('../components/Signup/signup')} />    
            <Route name="home" path="/user/home/:id" handler={require('../components/Home/home')} />
            <NotFoundRoute handler={require('../components/commons/notFound')} />
        </Route>
    );

module.exports = routes;

帆路线

module.exports.routes = {


  '/': {
    view: 'homepage'
  },

  '/user/home/:id' : 'UserController.home'


};

我对这个框架完全不熟悉,也无法在线找到足够的资源.对不起这个愚蠢的问题.

Answer 1

module.exports.routes = {
  '/': {
    view: 'homepage'
  },
  '/user/home/:id' : 'UserController.home'
  '/*' : 'ReactApp.home'
};

您需要创建一个通配符路由，以便在 api 路由丢失时呈现 React 应用程序。http://sailsjs.org/documentation/concepts/routes/custom-routes