Heroku 给我 404 错误，只呈现“未知路径”？

Question

我正在尝试将我的应用程序部署到 heroku，但是当我尝试打开指向它的链接时，唯一呈现的是“未知路径”，错误是“加载资源失败：服务器响应状态404（未找到）”。

我一直在尽可能多地检查路由文件，但我看不出这里有什么不工作的地方。这就是 index.js 文件的样子

import route from './router.js';

import Login from '../ui/pages/user/Login';
import Home from '../ui/Home';
import Register from '../ui/pages/user/Register';
import PostCreate from '../ui/pages/post/PostCreate';
import PostList from '../ui/pages/post/PostList';
import PostEdit from '../ui/pages/post/PostEdit';

route('/', Home, {}, {
    name: 'home'
  });
  route('/login', Login, {}, {
    name: 'login'
  });
  route('/register', Register, {}, {
    name: 'register'
  });
  route('/post/create', PostCreate, {}, {
    name: 'post.create'
  });
  route('/post/list', PostList, {}, {
    name: 'post.list'
  });
  route('/post/edit/:_id', PostEdit, {}, {
    name:'post.edit'
  });

这是 router.js 文件

import { createRouter } from 'meteor/cultofcoders:meteor-react-routing';
import App from '/imports/ui/App.jsx';

export default createRouter(App);

这可能只是我正在使用的路由包的问题吗？

Answer 1

我觉得你在使用“错误”的路由器。 cultofcoders:meteor-react-routing 在过去 2 年中似乎没有得到维护，这在反应路由方面是巨大的。你有兴趣尝试"react-router": "^5.0.0" 和"react-router-dom": "^5.0.0" 那么你有类似的东西：

import React from 'react'
import { Switch, Route, Redirect } from 'react-router-dom'
import Component1 from '.....'
import Component2 from '.....'

const Main = location => {
  return (
      <Switch location={location.location}>
        <Route exact path='/' component={Component1} />
        <Route exact path='/something' component={Component2} />
        <Route exact path='/something/:id' component={Component2} /> // route with param
        <Route path='*' component={NotFoundPage} />
        ...........
      </Switch>)
}