React路由器无法获取我的条目js

debugcn 发表于 Dev

蜥蜴人

你好，我的反应路由器有问题，我的代码

ReactDOM.render(
<Provider store={store}>
    <Router history={browserHistory}>
        <Route path="/" component={App}>
            <IndexRoute component={StartPage}/>
            <Route path="/matches" component={MatchesPage} />
            <Route path="/sector/:idparam" component={SectorsPage} />

        </Route>
    </Router>
</Provider>,
app);

当我调用/matches 时一切正常，但是当我尝试 GET /sector/15 app failed 尝试加载http://localhost:8080/sector/client.min.js但通常会从默认路径 (/) 加载

网络包：

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');

module.exports = {
    context: path.join(__dirname, "src"),
    devtool: debug ? "inline-sourcemap" : null,
    entry: "./js/client.js",
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['react', 'es2015', 'stage-0'],
                    plugins: ['react-html-attrs', 'transform-decorators-legacy', 'transform-class-properties'],
                }
            }
        ]
    },
    output: {
        path: __dirname + "/src/",
        filename: "client.min.js"
    },
    plugins: debug ? [] : [
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.optimize.UglifyJsPlugin({mangle: false, sourcemap: false}),
    ],
    devServer: {
        historyApiFallback: true,
        contentBase: './',
        hot: true
    },
 };

泰勒

我认为问题不在于反应路由器，甚至是 webpack。我认为您的问题与您如何要求客户端 js 文件有关，尽管由于您没有包含该部分代码，我无法确认。

看起来您正在包含相对于您的路径（<script src="client.min.js"></script> 无前导斜杠）而不是绝对路径 ( <script src="/client.min.js"></script>)的脚本。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。