reactjs - react + sails : Handling Routes

Question

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

例如:在react-router中我们有NotFoundRoute，所以当我访问不存在的页面时，它应该显示我为NotFoundRoute<定义的处理程序。相反，它向我显示 sails 404 页面。

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

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;

sails 路线

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