React 开发相关问题

兼容 IE 浏览器

前端项目使用 Create React App 创建

第一步：下载 react-app-polyfill 包：

npm install react-app-polyfill

或者

yarn add react-app-polyfill

第二步：在 src/index.js 最顶部引入：

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

第三步：在 package.json 文件下 browserslist 添加 ie11：

  "browserslist": {
    "production": [
      ...
      "ie 11"
    ],
    "development": [
      ...
      "ie 11"
    ]
  },

部署到二级目录

前端项目使用 Create React App 创建，部署到 IIS 上，比如我要把项目部署在 http://myapp.com/my-project。

第一步：在 package.json 中添加 homepage 字段，值为二级目录名（比如这里的 /my-project）：

{
  ...
  "homepage": "/my-project",
  ...
}

第二步：所有的路由路径添加二级目录名前缀（比如这里的 /my-project）：

  {/* 更改前（根目录） */}
  <Route path='/' exact component={Home}></Route>
  {/* 更改后（二级目录） */}
  <Route path='/my-project' exact component={Home}></Route>