node.js - Host React and Express on the same server? -


i working on react site has contact page. on contact page there text field enter message sent specific email address.

right i'm trying set express react app, only thing need express 1 feature.

in react app doing

$.post('http://localhost:3030/api',{value:'hi'}, function(result) {   console.log(result); });

and in express index.js file i'm doing

app.get('/api', (request, response) => {     console.log(request); })

just simple test see if things working properly.

when run these both , attempt execute post function, no 'access-control-allow-origin' header present on requested resource. error, saying can't make request separate domain. issue here not error, fact running express server , react app on 2 different servers.

is there way have them on same server? new back-end development, appreciated!

yes, react runs on client , express node.js framework. there's pretty chance you're using express if you're running boilerplate.

here's pretty walkthrough on more complete routing. https://medium.com/@patriciolpezjuri/using-create-react-app-with-react-router-express-js-8fa658bf892d

in several of applications routes this:

//router.js--and i'm positive react-express boilerplate var express = require('express'); var router = express.router();  /* home page. */ router.get('/', function(req, res, next) {   res.render('index', { title: 'express' }); });  const react =  (req, res, next)=>{   res.render('react', {      title: 'react application',     layout: false   }); };  router.get('/app', react); router.get('/app*', react); module.exports = router;  //app.js ... app.use('/', routes); //<--this exported router.  ...

if want more simple like:

   let reactroute = (request, response, next) => {      //render react page you're doing that.     }    express.use('/api', yourapifunction)    express.use('/', reactroute)    express.use('/*', reactroute) //wildcards important if you're routing inside react.

you can bypass things proxy tends more complex want. also--keep in mind don't have stick node on back-end if you're not comfortable it. react client side, use few production .net apps, php (lordy!), and, yes, lot of node servers.


Comments

Post a Comment

Popular posts from this blog

What is happening when Matlab is starting a "parallel pool"? -

running parallel cpu processes in matlab starts command parpool() according documentation , function: [creates] special job on pool of workers, , [connects] matlab client parallel pool. this function takes bit of time execute, on order of 30 seconds. in other multi-cpu paradigms openmp, parallel execution seems totally transparent -- i've never noticed behavior analogous matlab (granted i'm not experienced parallel programming). so, happening between time parpool() called , when finishes executing? takes long? parallel computing toolbox enables run matlab code in parallel using several different paradigms (e.g. jobs , tasks, parfor , spmd , parfeval , batch processing), , run either locally (parallelised across cores in local machine) or remotely (parallelised across machines in cluster - either 1 own, or 1 in cloud). in of these cases, code run on matlab workers , copies of matlab without interactive desktop. if you're intending run on remo...
Read more

php - Cannot override Laravel Spark authentication with own implementation -

during login process of laravel spark need request token of remote api. api stores exact same users , passwords laravel spark application. therefore need username , non hashed password of user during authentication process. i thought overriding authenticated method solution problem. in routes/web.php override post /login endpoint , pointing endpoint own logincontroller: <?php namespace app\http\controllers\auth; use illuminate\support\facades\log; use illuminate\http\request; use laravel\spark\http\controllers\auth\logincontroller sparklogincontroller; class logincontroller extends sparklogincontroller { /** * create new login controller instance. * * @return void */ public function __construct() { parent::__construct(); } /** * handle successful authentication attempt. * * @param request $request * @param \illuminate\contracts\auth\authenticatable $user * @return response */ public fu...
Read more

Qt QGraphicsScene is not accessable from QGraphicsView (on Qt 5.6.1) -

i new qt. trying catch mouse press , release in qgraphicsview area , draw line. this, extended qgraphicsview , called myqgraphicsview . seems scene not attached since added " hello world " , never appears in view. here code extended class: class myqgraphicsview : public qgraphicsview { q_object public: myqgraphicsview(qgraphicsscene *scene, qwidget *parent = q_nullptr) : qgraphicsview(scene,parent){ // qgraphicsview::qgraphicsview(scene,parent); } qpoint *pointptr, *startpos,*endpos; qgraphicsview *cv;//maa qgraphicsscene *c; qgraphicsscene *sceneptr; // maa protected: void paintevent(qpaintevent *event) { show(); } void mousepressevent(qmouseevent *event) { // pos wrt widget. global wer global screen qdebug()<<" mouse pressed @ "<<qwidget::mapfromglobal(event->globalpos()); //globalx(); startpos = new qpoint; startpos->setx(qwidget::mapfromglobal(event->globalpos()).x()); startpos->sety(qw...
Read more