访问不了list页，提示404

Question

root.js代码：

import React from 'react';

import ReactDOM from 'react-dom';

import { HashRouter } from 'react-router-dom';

import {

    BrowserRouter as Router,

    Route,

    Link,

    NavLink

} from 'react-router-dom';

 

import Index from './index';

import ComponentList from './components/list';

class Root extends React.Component{

    render(){

        return(

        //    这里替换了之前的Index,变成了程序的入口

            <Router>

            <div>

                    <Route path="/" component={Index} />

                    <Route component={ComponentList} path="list" />

                </div>

            </Router>

        )

    }

}

ReactDOM.render(<Root/>,document.getElementById('example'));

list.js代码：

import React from "react";

export default class ComponentList extends React.Component{

render(){

return(

<div>

<h2>这里是列表页面</h2>

</div>

);

};

}

可以访问到index.html,但是跳转不到list组件,如下图，list里面没内容。

Answer 1

Parry 2017-04-18 20:57:00

跳转不到是指？没有报错的错误？？

• 提问者 行走的指尖 #1

  就是我敲localhost:8080可以访问到index内容，敲localhost:8080/list,提示好不到该页面，页面上显示: Cannot GET /list

• 提问者 行走的指尖 #2

  控制台提示404

• 八音弦之 #3

  遇到了同样的问题 ，没有报错，就是Route标签中间是null值，求老师指导