小编Mar*_*ian的帖子

如何为React路由设置apache服务器?

我的反应应用程序在我的本地开发服务器上运行良好,但是当我将生产就绪文件直接转储到Apache的htdocs目录时它无法正常工作:

这是我有的:

/var/www/index.html
/var/www/bundle.js
Run Code Online (Sandbox Code Playgroud)

我有

DocumentRoot /var/www
Run Code Online (Sandbox Code Playgroud)

在/etc/apache2/sites-available/000-default.conf中

事实是
1).当我访问http://...com/,将我路由到登录页面
2).点击链接后

<Link to="main"><button>Log In</button></Link>
Run Code Online (Sandbox Code Playgroud)

浏览器位置字段中的内容变为:

http://...com/main
Run Code Online (Sandbox Code Playgroud)

3).现在如果我重新加载这个网址(http://...com/main),我得到了

The requested URL /main was not found on this server
Run Code Online (Sandbox Code Playgroud)

我在React中的表述:

    <Router history={browserHistory }>
      <Route path="/" component={TopContainer}>
          <IndexRoute component={Login} />
          <Route path='main' component={MainContainer} />   
      </Route>
</Router>
Run Code Online (Sandbox Code Playgroud)

我在apache配置中还缺少什么?

谢谢

apache reactjs webpack

21
推荐指数
6
解决办法
1万
查看次数

如何在react/redux应用程序中以笑话方式访问组件的子项

我喜欢在Redux应用程序中测试Connect内部的组件:

this.component = TestUtils.renderIntoDocument(<Provider store={store}><Header path={this.path} /></Provider>);
Run Code Online (Sandbox Code Playgroud)

我不知道如何在Provider中访问Header ...(因为我从CLI运行jest时无法在调试器中停止.

所以当我试图让一个孩子进入Header时

      const path = findDOMNode(self.component.refs.pathElemSpan);
      console.log("path="+path)
Run Code Online (Sandbox Code Playgroud)

我在路上得到了不确定

有什么建议吗?

谢谢

reactjs jestjs redux

1
推荐指数
1
解决办法
4246
查看次数

标签 统计

reactjs ×2

apache ×1

jestjs ×1

redux ×1

webpack ×1