html - React and Node Koa App not rendering direct paths -


i'm confused why can't access parts of app typing in full paths in url bar. if go localhost:8080 can move around app through links, if try accessing state directly, say, localhost:8080/event blank screen shows no errors. more so, files show have loaded on network tab of chrome dev tools (including index page)

client router:

import react 'react';  import {router, route, indexroute} 'react-router'; import {render} 'react-dom'; import {createhistory} 'history';  import eventtable './components/event/eventtable'; import eventmanager './components/event/eventmanager'; import event './components/event/event';  var history = createhistory();  render((   <router history={history}>     <route path="/" component={require('./components/app')}>       <indexroute component={eventtable} />       <route path="/signup" component={require('./components/auth/signup')} />       <route path="/login" component={require('./components/auth/login')} />       <route path="event" component={eventmanager} />       <route path="event/:eventid" component={event} />     </route>   </router> ), document.getelementbyid("app")); 

server router:

    'use strict' var members = require('../controllers/members.js'); var auth = require('../controllers/auth.js'); var router = require('koa-router')(); var eventcontroller = require('../controllers/event.js');    router.get('/api/members', auth.isauth, members.allmembers);    router.post('/api/addmembers', auth.isauth, members.addmembers);    router.post('/api/addmember', auth.isauth, members.addnewmember);    router.post('/api/notify', members.notify);    router.post('/api/login', auth.login);    router.post('/api/signup', auth.signup);    router.get('/api/authcheck', auth.checktoken);    router.post('/api/createevent', eventcontroller.createevent);    router.get('/api/events', eventcontroller.getevents);    router.post('/api/fileupload', function *(next) {     console.log(this);     yield this.body = {};   })     router.get('/api/awsurl', function *(next){     yield this.body = {url: upload.geturl()};   })    router.get('/', function *(next) {     yield this.render('index');    })    router.get('*', function *(next) {     yield this.render('index');    })  module.exports = router.routes(); 

i'm running react-router 1.0.3 , koa 1.0.0

edit 1:

i know theres mix of import/require, i'm in process of converting app es6, i've tried messing , doesn't seem cause issue. additionally, including or omitting prepended / doesn't seem have effect either.


Comments

Post a Comment

Popular posts from this blog

Capture and play voice with Asterisk ARI -

python - How to use elasticsearch.helpers.streaming_bulk -