Context argument is not set in createRouter function for the path "/"

[ansarizafar]

Context argument is not set in createRouter function for the path "/"

import Vue from 'vue'
import Router from 'vue-router'
import axios from 'axios'

Vue.use(Router)

const createRouter = (context) => {
  console.log(context)
  const router = new Router({
    mode: 'history',
    routes: [{
      path: '/',
      component: () => import('./Home.vue')
    }, {
      path: '/about',
      component: () => import('./About.vue')
    }]
  })
 
  
  if (process.browser) {
    const nprogress = require('nprogress')
    require('nprogress/nprogress.css')

    router.beforeEach((from, to, next) => {
      nprogress.start()
      next()
    })
    router.afterEach(() => {
      nprogress.done()
    })
  }
  
  return router
}

export default { createRouter }

[egoist]

context is only available on server-side.

[ansarizafar]

I am logging context on the server side but Context argument is undefined in createRouter function for the path "/" and other routes on server-side. Is it possible to use req object in router.beforeEach callback on the server. I am tryinfg to implement global navigation guard on the server.

[egoist]

I guess we need to implement a server-side redirect method in context, using the native next function in beforeEach((to, from, next) => {}) would not work.

[egoist]

Hmm, didn't understand you correctly, do you mean something like this?

router.beforeEach((to, from, next) => {
  if (to.path === '/private') {
    if (process.server && !context.req.session) {
      return next('/')
    }
    if (process.browser && !localStorage.getItem('api-key')) {
      return next('/')
    }
  }
  next()
})

[ansarizafar]

Yes I am trying to do just that with some modifications but I am unable to use custom express server with ream and backpack module. Nuxt works fine with custom express server and backpack https://github.com/nuxt/express. Is ream compatible with backpack? Ream is much better than Nuxt If can solve few issues.

[egoist]

So is this issue solved already? I can see context:

Is ream compatible with backpack?

What issues do you run into while using Ream with Backpack? It's just a cli tool to run your node app, so I think it will work fine with Ream. Keep in mind that while using custom express server it's just a normal node app. A repo for reproducing the issue will help a lot.

[ansarizafar]

Yes after updating to rc.5 context is available in createRouter function. I am trying to build a full stack template with jwt token based authentication/ authorization and a graphql inspired simple data layer with request batching. VueJs is realy great and there should be a full-stack framework based on it.

I am using code from template-ream with my own server code

const dev = process.env.NODE_ENV !== 'production'
const client = ream({dev: dev, entry: 'src/client/index.js'})
  
client.prepare()
  .then(() => {
    app.get('*', client.getRequestHandler())
this.instance = app.listen(process.env.PORT || 5000,
 (err) => {
if(err) {
   Log.error(`Unable to start API server ${process.pid}.`);
   Event.emit('shutdown')
} else {
          Log.info(`API server ${process.pid} started...`);
    }
});
  })

client.on('ready', () => {
  ream.displayStats(client.stats)
  })

Pacjage.json

 "start": "backpack build && node ./build/main.js"

Build is successful and server is started. Here is the output

Build also not working with Neutrino, Neutrino Node.js Preset modules

✖ Building project failed
4:01 PM
Jump to
./src/index.js
4:01 PM
Module build failed: Error: Target version must be a number,
4:01 PM
Jump to
'6.9' was given for 'node' (While processing preset: "/app/node_modules/babel-preset-env/lib/index.js")
4:01 PM
Jump to
at /app/node_modules/babel-preset-env/lib/index.js:64:13
4:01 PM
    at Array.filter (native)
4:01 PM
Jump to

[ansarizafar]

It seems that babel-preset-env module is defining node version number as a string and not as a number. Both backback and Neutrino reporting same error. @egoist Could you please suggest a solution.

[egoist]

that's weird, we didn't define the node version in babel-preset-env

[ansarizafar]

@egoist My project is hosted on glitch.com. If you can share your email then I can send you an invite on glitch.com

[egoist]

yup, you can find my email on my profile page

[ansarizafar]

@egoist I just sent you an invitation of my project on glitch.com

[ansarizafar]

It's working now thanks for the help.