Static GitHub Issues

[2306] Error when using process.env.baseURL

prev: nuxtServerInit Not Working with localhost:3000
next: Integrating Nuxt to ongoing project generated with Vue Cli

I'm using async/await with asnycData, when I do this, it works fine:

async asyncData({env}) {
    let data = await axios.get('http://localhost:3000/api/')
    return {products: data}
}

However, when I use process.env.baseURL instead of http://localhost:3000, it throws an error:

async asyncData({env}) {
    let data = await axios.get(process.env.baseURL + '/api/')
    return {products: data}
}

Error:

connect ECONNREFUSED 127.0.0.1:80

util.js:1031:13     Object._errnoException
Missing stack frames

util.js:1052:20     _exceptionWithHostPort
Missing stack frames

net.js:1195:14     TCPConnectWrap.afterConnect [as oncomplete]
Missing stack frames

I have my baseURL set in my nuxt config like this:

env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000'
}

I am using a custom server for my API endpoints like this:

const { Nuxt, Builder } = require('nuxt')

const app        = require('express')()
const bodyParser = require('body-parser')
const mongoose   = require('mongoose')

const host = process.env.HOST || '127.0.0.1'
const port = process.env.PORT || 3000

// DATABASE
// ==============================================

mongoose.connect('MONGO DB DETAILS')
mongoose.Promise = Promise

// CONFIG
// ==============================================

app.use(bodyParser.json())

// MODELS
// ==============================================
const Product = require('./source/models/product');

// ROUTES
// ==============================================

app.get('/api', async(req, res) => {
   try {
      const products = await Products.find();
      return res.json(products);
    }
    catch (error) {
      console.log(error)
    }
}
// START
// ==============================================

const config = require('../nuxt.config.js')
const nuxt   = new Nuxt(config)

if(!(process.env.NODE_ENV === 'production')) {
  const builder = new Builder(nuxt)
  builder.build()
}

app.use(nuxt.render)
app.listen(port, host)

I'm using the latest 1.0.0-rc11 version with node 9.2.0.

Thanks. Anthony

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2014">#c2014</a>)</em></sub></div>