javascript - Symfony and React router, no route found -

-

i using symfony3 , creating bundle using react.js using react-router.

the issue when use routing in react, if reload page symfony routing module send 'no route found"

my routes /admin index page , /admin/data next page.

when load page /admin good, click on link go /admin/data, works, react send me dynamically on it, when refresh (f5) page /admin/data, symfony intercept , try find routing in code , redirect /404 "no route found".

i know on angularjs, framework using ancors path "localhost://admin/#/data", seems easier manage react-router use "localhost://admin/data"

my symfony routing:

admin:   path: /admin   defaults: { _controller: bibundle:admin:default }

my react routing:

import { router, browserhistory } "react-router";  <router history={browserhistory}>   <route path="/admin" component={app}>     <indexroute components={{content: dashboardpage}} />     <route path="data/list"       components={{content: datalistpage}} />     <route path="*"       components={{content: _ => <h1>page not found.</h1>}} />   </route> </router>

my link on /admin page:

<link to={'/admin/data/list'}>data</link>

i thinking modify .htaccess redirect /admin/* /admin seems overkill issue.

i using apache2 server too.

edit

i have replaced browserhistory hashhistory

import { router, hashhistory } "react-router";  <router history={hashhistory}>   <route path="/" component={app}>     <indexroute components={{content: dashboardpage}} />     <route path="data/list"       components={{content: datalistpage}} />     <route path="*"       components={{content: _ => <h1>page not found.</h1>}} />   </route> </router>

it had result change path used in angularjs (or close enough), have /admin#/ , /admin#/data/list, symfony catch /admin , react-router catch #/ or #/admin/data

what think ? methodology ?

to make ajax routing accessible url directly (i.e. typing /admin/data in browser url) without being redirected server-side, need make base route (the symfony route renders react application) taking parameter represents ajax routing.

to this, parameter must allow slashes, example:

admin:     path: /admin/{reactrouting}     defaults: { _controller: bibundle:admin:default, reactrouting: null }     requirements:         reactrouting: ".+"

for more complex routing, should @ fosjsroutingbundle you.


Comments

Post a Comment

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

-
i have spring project , try make use spring boot , run @ embadded tomcat following : https://spring.io/guides/gs/rest-service/ this application //@configuration //@enableaspectjautoproxy @springbootapplication @componentscan(basepackages = "gux.prome") public class application { public static void main(string[] args) { springapplication.run(application.class, args); } } if use maven command: mvn spring-boot:run , project starts fine, need debug , run main method @ intelij, exception occurs: exception in thread "main" java.lang.illegalargumentexception: cannot instantiate interface org.springframework.context.applicationlistener : org.springframework.boot.logging.classpathloggingapplicationlistener @ org.springframework.boot.springapplication.createspringfactoriesinstances(springapplication.java:414) @ org.springframework.boot.springapplication.getspringfactoriesinstances(springapplication.java:394) @ org.springframework.bo...
Read more

reactjs - React router and this.props.children - how to pass state to this.props.children -

-
i'm using react-router first time , don't know how think in yet. here's how i'm loading components in nested routes. entry point .js reactdom.render( <router history={hashhistory} > <route path="/" component={app}> <route path="models" component={content}> </route> </router>, document.getelementbyid('app') ); app.js render: function() { return ( <div> <header /> {this.props.children} </div> ); } so child of app content component sent in. i'm using flux , app.js has state , listens changes, don't know how pass state down this.props.children. before using react-router app.js defines children explicitly, passing state natural don't see how now. using couple of react helper methods can add state, props , whatever else this.props.children render: function() { var children = react.ch...
Read more

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -

-
i have excel workbook used generate quotations customers. there main page user inputs data, , there buttons generate various pdfs , send them customer. however, 1 user consistently getting error preventing generating , sending pdfs. i beleive "microsoft windows common controls 6.0 (sp6)". it's installed on users' computers. on mine, location "c:\windows\syswow64\mscomctl.ocx" on others "c:\windows\system32\mscomctl.ocx" the user experiencing issues on 32-bit machine, "mscomctl.ocx" file should in system32. have manually put in there, , pointed common controls reference in vba it. issue seems keep reverting looking in syswow64. since folder doesn't exist, can't find it, , can't produce pdfs. i thought perhaps issue user running older version of office (2007) there users on 2013 , 2016. thought perhaps mixture of 64-bit , 32-bit users. user gets sent workbook other users (as quotation process goes further, gets passed ...
Read more