Reactでページをリフレッシュするときに奇妙な問題が発生しました。ReactJSリフレッシュURLの変更
URLの最後に/が追加されているため、ライブサーバーにディレクトリのリストが表示されています。
はlocalhost:3000 /プロジェクトリフレッシュすると、同じURLに
を表示し続けますが
localhostのとき:3000 /ブログは、それがローカルホストになりリフレッシュされる:3000 /ブログ/
は誰が来ましたこれを越えて?このページでのみ起こるように、解決策を探し始める場所を見つけようとしています。
必要に応じてここにコードを投稿してください。
これは、サイトで見ることができますwww.trevorrwarduk.meブログに移動して更新します。
App.js
var React = require('react');
var ReactRouter = require('react-router-dom');
var Router = ReactRouter.BrowserRouter;
var Route = ReactRouter.Route;
var Switch = ReactRouter.Switch;
var BrowserHistory = ReactRouter.BrowserHistory;
var HeadingSection = require('./HeadingSection');
var Home = require('./Home');
var Projects = require('./Projects');
var Me = require('./Me');
var Blog = require('./Blog');
var NotFound = require('./NotFound');
var RightSideBar = require('./RightSideBar');
class App extends React.Component {
render() {
return (
<Router history={BrowserHistory}>
<div className="container greenBack">
<div className="row headingArea">
<HeadingSection />
</div>
<div className="row bottomArea">
<div className="col-sm-1"></div>
<div className="col-sm-10 contentArea">
<Switch>
<Route exact={true} path='/' component={Home} />
<Route exact={true} path='/projects' component={Projects} />
<Route exact={true} path='/me' component={Me} />
<Route exact={true} path='/blog' component={Blog} />
<Route path="/*" component={NotFound} status={404} />
</Switch>
</div>
<div className="col-sm-1"><RightSideBar /></div>
</div>
</div>
</Router>
);
}
}
module.exports = App;
のhtaccessファイル
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !=/favicon.ico
RewriteRule^index.html [L]
</IfModule>
追加コードを共有できますか?あなたはリアクタを使っていますか? –
確かに私は... –
ルータのコードの一部を共有できますか? –