react build後直接從瀏覽器打開

存在兩個問題

一，資源文件路徑

config/paths.js

這裏原來的.pathname:'/', 改爲.pathname:'./'

function getServedPath(appPackageJson) {
  const publicUrl = getPublicUrl(appPackageJson);
  const servedUrl =
    envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : './');
  return ensureSlash(servedUrl, true);
}

由此，背景圖片的地址多是

.add-bank-sign {
    background: url("./../img/index.png"); //路徑前面加'./'
}

二，當點擊路由跳轉的時候，會出現這樣的報錯

解決方案：

routes/index.js

把原來的

import { BrowserRouter as Router,Route, Switch, Redirect } from 'react-router-dom'

改爲：

import { HashRouter as Router, Route, Switch, Redirect } from 'react-router-dom'

就能夠了

固然開發的時候，最好BrowserRouter