html配置路由404_教程29——配置基本的页面及外层路由（项目）

前言：延用教程28的例子

这个地方的标题也要更改

要想更改标题的话，要到 public 文件下的 index.html 里面去更改

这里我就不去改了、、

创建一般项目必须的目录结构及配置

src 文件夹下新建

-->components 文件夹 -- 一般放一些组件

-->views 文件夹 -- 视图

-->routes 文件夹 -- 路由

-->reducers 文件夹 -- 响应动作的改变更新state（redux）

-->actions 文件夹 -- 事件，相当于做了什么

目录结构

从安装路由开始：

npm i react-router-dom -S

在 views 文件夹下新建

---> index.js 文件

---> NotFound 文件夹

在 NotFound 文件夹下新建一个

----> index.js 文件

目录结构

在 NotFound 文件夹下的 index.js 文件：

import React, {
     Component } from 'react'

export default class NotFound extends Component {
    
    render() {
    
        return (
            <div>
                404
            </div>
        )
    }
}

当然你也可以放其他的东西，比如404的图片，看需求吧

一般后台管理系统，是不是有一个登录

继续在 views 文件夹下新建

---> Login 文件夹

在 Login 文件夹下新