reactjs - React Router 未指定输入文件

Question

我正在使用 react-router 将我的页面导航到授权页面。这是我的代码:

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import {Provider} from 'react-redux';
import {createStore, applyMiddleware} from 'redux';
import {Router, Route, IndexRoute, browserHistory} from 'react-router';
import reducers from './reducers';

import App from './components/app';
import Authenticate from './components/auth/index';
import Login from './components/auth/login';

ReactDOM.render(
    <Provider store={createStoreWithMiddleware(reducers)}>
        <Router history={browserHistory}>
            <Route path="authenticate">
                <IndexRoute component={Login} />
                <Route path="/login" component={Login}/>
            </Route>
            <Route path="/" component={App}>
                <IndexRoute component={Login} />
            </Route>
        </Router>
    </Provider>
    , document.querySelector('.container')
);
ReactDOM.render(
    <Provider store={createStoreWithMiddleware(reducers)}>
        <Router history={browserHistory}>
            <Route path="/authenticate" component={Authenticate}>
                <IndexRoute component={Login} />
                <Route path="login" component={Login}/>
            </Route>
            <Route path="/" component={App}>

            </Route>
        </Router>
    </Provider>
    , document.querySelector('.container')
);

问题是每次我导航到 authenticate/login 它总是说 No input file specified.。但是如果我导航到 / 它会正常工作

有什么解决办法吗？

Answer 1

您好，我遇到了同样的问题，这是对 met 有效的解决方案。

React-router 并不真正创建真实的页面。所以在我的例子中，我编译的 JS 被加载到我的 index.html 但如果你去/login 例如它不会加载你的 index.php 并给出 404。

错误“未指定输入文件。”通常是 Ubuntu Ngnix 错误。

解决方案

您可以通过添加以下代码来修改您的 Ngnix 配置文件:

try_files $uri $uri/ /index.html$is_args$args;

应该添加到服务器 > 位置。这是我的配置文件的样子:

server {
    listen 80;
    listen 443 ssl;
    server_name yourownurl.com;
    root "/home/vagrant/path/to/your/site";

    index index.html index.htm index.php;

    charset utf-8;

    location / {
        try_files $uri $uri/ /index.html$is_args$args;
    }
}

希望这能帮助一些人。