weird baseUrl when run generate

[wi-cuckoo]

my nuxtent.config.js

module.exports = {
  content: [
    ['blog', {
      page: '/blog/_slug',
      permalink: "/:slug",
      generate: ['get', 'getAll'],
      isPost: false
    }]
  ],
  api: {
   	baseURL: process.env.NODE_ENV === 'production'
	    ? 'http://wi-cuckoo.io'
	    : 'http://localhost:3000'
 	}
}

my package.json scripts

"scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "NODE_ENV=production nuxtent generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "precommit": "npm run lint"
  }

So When I run npm run generate. Why OPEN http://localhost:3000 ?

> cuckoo@1.0.0 generate /home/wi/bin/wi-cuckoo.gitpage
> NODE_ENV=production nuxtent generate

  nuxt:generate Generating... +0ms
[AXIOS] Base URL: http://wi-cuckoo.io/content-api , Browser: http://wi-cuckoo.io/_nuxt/content

 OPEN  http://localhost:3000

  nuxt:build App root: /home/wi/bin/wi-cuckoo.gitpage +0ms

_{This question is available on Nuxt.js community (#c52)}

[STnetwork]

try it like that in your package.json :

"generate": "NODE_ENV='production' nuxtent generate",

[wi-cuckoo]

@STnetwork Oh, that doesn't matter. I tried HOST=wi-cuckoo.io PORT=80 NODE_ENV=production nuxtent generate
although it can work, but should run as root to listen 80 port. No a good idea. Hope the developer can solve it

[STnetwork]

ok, it's strange because on the nuxtent-template, the behavior is different, there isn't OPEN http://localhost:3000

[alidcast]

What's the problem here exactly?

The OPEN http://localhost:3000 part I believe is the @nuxtjs/axios module which nuxtent configures so that the content can be easily fetched with the app.$content method.

You can change the url by configuring api.baseURL.

But I still don't get what the exact problem you're running into is. Do you just dislike seeing the incorrect log?

[wi-cuckoo]

@alidcastano There is a bug in nuxtent when generate static files. In my config above, the *.json file requests in static page will go to http://localhost:3000. Maybe you could try generating static files by yourself and see what happened. If there is extra config to solve this bug, please update the doc. No any message in the project doc.

[alidcast]

Hey @wi-cuckoo I coincidently stumbled upon this problem today too #56 (if indeed we are referring to a similar issue).

The problem is that to generate the dynamic assets, we must run nuxt locally so that we can have access to content-api. Hence why it reads OPEN http://localhost:3000. Thus, this can't be avoided, but should not be causing any problems either. Can you verify this?

[wi-cuckoo]

@alidcastano Okay. It's not a problem to OPEN http://localhost:3000. The problem is if I set don't set NODE_NEV = production. The request of some file in generated static files will be on localhost:3000. Absolutely that's incorrect, it should be the domain of production.

[STnetwork]

I had the same problem, even if you remove NODE_NEV = production, when you want nuxtent generate, it uses http://localhost:3000 the [AXIOS] Base URL, so how it would be possible to put a domain instead the localhost:3000 ?

[wi-cuckoo]

@alidcastano There is still many problems. I suggest that you could build a demo with nuxt+nuxtent. and generate static files, then deloy it on github as git page. You'll understand what we encountered. If the road is OK, you can post it to our users to help solving.

[alidcast]

@wi-cuckoo @STnetwork so the site builds, correct? so are you experiencing problems when you deploy the site and try to fetch the content? I'll be fixing this either today or tomorrow so please let me know and be as specific as possible with the problem you are experiencing. And thanks again for using Nuxtent and helping get to the bottom of the early problems

I have a static site running with Nuxtent already, which is why I opened issue #56 as it was the only problem I encountered with my production flow

[wi-cuckoo]

@alidcastano Thanks for you reply. May the former problems caused by the lack of document or my incorrect config. Now, I just encounter the problem #56 and #57. And maybe the #57 and #59 is just one problem. I encounter these both is generation.
The last, I hope the final correct example of how to deploy on GitHub

[STnetwork]

@alidcastano Why when you generate without NODE_ENV='production', it used the basic url axios to have access to the content-api like you said, and no the localhost:3000 automatically ?

Because when I generate with this nuxent.config :

const hljs = require('highlight.js')

module.exports = {
// content/HelloWorld.md --> posts/hello-world
 content: {
   page: '/_slug',
   permalink: ":slug",
    generate: [ // for static build
      'get', 'getAll'
    ],
   isPost: false
 },

  parsers: {
    md: {
      highlight: (code, lang) => {
        if (!(lang && hljs.getLanguage(lang))) return ''
        return hljs.highlight(lang, code, true).value
      }
    }
  },
	
  api: {
    baseURL: process.env.NODE_ENV === 'production'
      ? 'http://mydomain.com'
      : 'http://myipvps:3000'
  }
}

It cannot access to my BaseUrl for generate with the api-content with the NODE_ENV='production'.

When I do it whithout NODE_ENV='production', it works but it uses the wrong baseurl, it uses myipvps:3000 instead of mydomain.com, and I would like the baseurl with mydomain.com not my myipvps:3000.

I hope to be understood ^^

I think the problem is that at the end of the generate, it try to access to the content-api by the wrong way, instead to access by localhost:3000 or something you put in the package.json like "generate": "HOST=0.0.0.0 PORT=3000 IS_STATIC=true nuxtent generate", it try by the BaseUrl to access to the content-api it's not the good way.

[STnetwork]

EDIT 1 :

@alidcastano
Another thing you should see is when we re-actualize or go to a page static directly on a mardown file, it doesn't display the page it appears undefined.

You can see an example here : https://stnetworkbis.surge.sh/hello-world/

nuxtent config :

module.exports = {
  content: {
    permalink: ':slug',
    page: '/_content',
    generate: [ // for static build
      'get', 'getAll'
    ],
    isPost: false
  },

  api: {
    baseURL: process.env.NODE_ENV === 'production'
      ? 'https://stnetworkbis.surge.sh'
      : 'http://myipvps:3000'
  }
}

my package json :

{
  "name": "nuxtent",
  "version": "1.0.0",
  "description": "Nuxt.js Content Site",
  "author": "",
  "private": true,
  "dependencies": {
    "@nuxtjs/axios": "latest",
    "nuxt": "^1.0.0-rc8",
    "nuxtent": "latest"
  },
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "HOST=myipvps PORT=3000 NODE_ENV='production' IS_STATIC=true nuxtent generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "deploy": "push-dir --dir=dist --branch=gh-pages --cleanup",
    "precommit": "npm run lint"
  },
  "devDependencies": {
    "babel-eslint": "^7.1.1",
    "eslint": "^3.15.0",
    "eslint-config-standard": "^6.2.1",
    "eslint-loader": "^1.6.1",
    "eslint-plugin-html": "^2.0.0",
    "eslint-plugin-promise": "^3.4.1",
    "eslint-plugin-standard": "^2.0.1"
  }
}

---

EDIT 2 :

Did you find a solution about why it connects to the BaseUrl to access to the content-api during the generating instead of something we can put in the package.json like "HOST=0.0.0.0 PORT=3000 IS_STATIC=true nuxtent generate" ?
When I generate static with this nuxtent config :

module.exports = {
  content: {
    permalink: ':slug',
    page: '/_content',
    generate: [ // for static build
      'get', 'getAll'
    ],
    isPost: false
  },

  api: {
    baseURL: process.env.NODE_ENV === 'production'
      ? 'http://myipsvps:3000'
      : 'http://myipvps:3000'
  }
}

I have this result : https://stnetworkbistest.surge.sh/hello-world/

it works directly but not If I access to the page by the main page : https://stnetworkbistest.surge.sh/

---

EDIT 3 :

I found a temporary fix in the module.js of your module I changed :

browserBaseURL:a.baseURL+(process.env.STATIC?a.browserPrefix:a.serverPrefix)}]) by
browserBaseURL:(process.env.STATIC?a.browserPrefix:a.serverPrefix)}])

and I put my own browserPrefix:"https://stnetworkbistest.surge.sh/_nuxt/content"})}

[suhogrozdje]

I am also experiencing the same issue, BarryPH's hacky solution did the trick, but it indeed is hacky.

To make the issue clear in one paragraph: when running nuxtent generate, axios baseURL is set (by default) to http://localhost:3000/, which is good, but the problem emerges when one loads generated content in the browser: there, axios baseURL is still set to http://localhost:3000 instead of e.g. https://nuxtent.now.sh even if you set baseURL: process.env.NODE_ENV === 'production' ? 'http://localhost:3000' : 'https://nuxtent.now.sh' in nuxtent.config.js. This should not be so, because the generated content gets served on https://nuxtent.now.sh where localhost:3000 is not accessible, obviously.

Note that this problem only persists for generated sites and not when you use npm run build && npm run start.

May I ask why the baseURL is absolute? It seems to me that this problem wouldn't be present if you just left baseURL empty, making the whole path relative. I may be wrong bout that.