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：流星反应路由在过去两年似乎没有得到维护，这在反应路由方面是巨大的。您是否有兴趣尝试将"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>)
}

Heroku给我404错误，只渲染“未知路径”吗？

1 个答案: