Question

路由器配置：

const routes =
[
    {
        path: '/',
        component: Layout,
        onEnter: sessionFilter,
        indexRoute:
        {
            component: ActivityIndex,
            onEnter: sessionFilter
        },
        childRoutes:
        [
            {
                path: 'login',
                component: LoginPage
            },{
                path: 'activity-new',
                component: ActivityNew,
                onEnter: sessionFilter
            },{
                path: 'activity-edit/:id',
                component: ActivityEdit,
                onEnter: sessionFilter
            }
        ]
    }
];

ReactDOM.render(<Router routes={routes} history={browserHistory}/>, Node);

Nginx配置：

server {
    listen 5002;
    location / {
        root www/bc;
        index index.html;
        try_files $uri $uri/ /index.html;
    }
}

所有文件都是用babel（webpack）编译的。我访问http://server:5002/something时工作正常，但如果我访问Unexpected token <或http://server:5002/something/1，则会抛出http://server:5002/something/。

当我查看Developer Tools中的Sources选项卡时，我注意到js文件已经返回，其中index.html作为其内容，这是由请求URL指向http://server:5002/something/app.js而不是{{1 }}。我是否需要在配置中添加一些内容来解决此问题？

Answer 1

我认为脚本标记中JS文件的src路径中存在问题。

使用：<script src="app.js"></script>

而不是

<script src="/app.js"></script>

意外的令牌＆lt;使用React Router＆amp; Nginx的

1 个答案: