时间戳

首页 > 解决方案 > 拒绝特定浏览器访问我的应用

html - 拒绝特定浏览器访问我的应用

问题描述

寻找一些我可以添加到我的 reactjs 应用程序中的代码，这些代码会在使用 Firefox 访问我的应用程序时向用户显示错误......不支持浏览器类型之类的东西。

import './App.css';
import { BrowserRouter as Router, Route, Link, Switch, Redirect } from 'react-router-dom';
import Home from './components/Home';
import Test from './components/Test';
import Test1 from './components/Test1';

class App extends Component {
  render() {
    return (
      <Router>
        <div>
          <Navbar />
          <Switch>
            <Route exact path="/" component={Home} /> <Route exact path="/home" component={Home} /> <Route exact path="/test" component={Test} /> <Route exact path="/test1" component={Test1} />
            <Route component={NoMatch} />
          </Switch>
        </div>
      </Router>
    );
  }
}
export default App;

在线我看到了一些内容，但我不确定是否应该在我的 app.jsx 或 index.html 或 index.jsx 中添加......

寻找可能对我有例子的人

标签： htmlreactjsbrowserroutingroutes

解决方案

尝试这个

import './App.css';
import { BrowserRouter as Router, Route, Link, Switch, Redirect } from 'react-router-dom';
import Home from './components/Home';
import Test from './components/Test';
import Test1 from './components/Test1';

class App extends Component {

  render() {
  if(navigator.userAgent.indexOf("Firefox") > 0) {
      return <div>Browser not supported </div>
    }
    return (
      <Router>
        <div>
          <Navbar />
          <Switch>
            <Route exact path="/" component={Home} /> <Route exact path="/home" component={Home} /> <Route exact path="/test" component={Test} /> <Route exact path="/test1" component={Test1} />
            <Route component={NoMatch} />
          </Switch>
        </div>
      </Router>
    );
  }
}
export default App;

推荐阅读