Use hashRouter instead of browseRouter, Fix #2

Asing1001 · Mar 12, 2019 · ae5e6e1 · ae5e6e1
1 parent 7e83d27
commit ae5e6e1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "junk-encoder",
   "version": "0.1.0",
   "private": true,
-  "homepage": "/junk-encoder/",
+  "homepage": "https://www.paddingleft.com/junk-encoder",
   "dependencies": {
     "bootstrap": "^4.3.1",
     "hi-base64": "^0.2.1",

diff --git a/src/App.js b/src/App.js
@@ -1,10 +1,9 @@
 import React, { Component } from 'react';
 import './App.css'
 import 'bootstrap/dist/css/bootstrap.css';
-import { BrowserRouter as Router, Route, NavLink } from "react-router-dom";
+import { HashRouter as Router, Route, NavLink } from "react-router-dom";
 import EncodeForm from './components/encodeForm'
 import DecodeForm from './components/decodeForm'
-import { homepage } from '../package.json'
 
 class App extends Component {
   constructor(props) {
@@ -20,7 +19,7 @@ class App extends Component {
 
   render() {
     return (
-      <Router basename={homepage}>
+      <Router basename="/">
         <div className="container">
           <nav className="nav nav-pills nav-justified" style={{ padding: '1em' }}>
             <NavLink exact className="nav-item nav-link" to="/">編碼</NavLink>