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.
very helpful! Here you will get all kind of solution like
ReplyDeleteadmin d link
d link router page
D-link technical support australia