routing - Polymer/web components <app-router> Cannot GET/<route> -

-

i'm using polymer app , using erik ringsmuth's app-router routing. code follows:

in index.html:

<app-router mode="pushstate">   <app-route path="/" import="/elements/login-page/login-page.html"></app-route>   <app-route path="/dash" import="/elements/dash-page/dash-page.html"></app-route>   <app-route path="/new" import="/elements/newapp-page/newapp-page.html"></app-route>   <app-route path="*" import="/elements/dash-page/dash-page.html"></app-route> </app-router>

in login-page.html:

<link rel="import" href="../../../bower_components/polymer/polymer.html">  <polymer-element name="login-page" attributes="">   <template>     <link rel="stylesheet" href="login-page.css">     <section vertical layout center-center>       <h1>login with:</h1>       <fire-login provider="github"></fire-login>       <fire-login provider="facebook"></fire-login>     </section>   </template> </polymer-element>

the other pages similar. works fine out of box when refresh of pages cannot /dash or cannot /new. going root path , refreshing gets going again.

i can't figure out why refreshing doesn't work.

you expecting more magic component provide :)

the requests going http server, not directly <app-router> component. using html5 pushstate way of handling routes. said, when specify /new new path, component shows desired import and substitutes location.href http://youserver/new. on other hand, when press f5, the browser being redirected http://youserver/new. sounds different actions, right?

so, request http://youserver/new being handled web server , since there no such page, 404.

you have 2 options here:

  • teach http server handle /new your_router_page.html mod_rewrite or like;
  • specify proper path in <app-route>s.

the component-way (imho) specify proper path:

<app-route path="/my-router.html?/dash"></app-route>

or better stuck hash-like navigation, since works out of box , requires no specific route handling @ all. pushstate more handle redirects outside of current component handler.

hope helps.


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

python - NameError: name 'subprocess' is not defined -

-
i'm trying make rng website: http://jamesdotcom.com/?p=417 . when run following code: captureimage = subprocess.popen( [ "fswebcam", "-r", "356x292", "-d", "/dev/video0", "static.jpg", "--skip", "10" ], stdout=devnull, stderr=devnull) captureimage.communicate() i following error message: nameerror: name 'subprocess' not defined what should do? thanks have imported first? import subprocess captureimage = subprocess.popen(["fswebcam", ...) subprocess included in python standard library since python 2.4. should not necessary install it.
Read more