Cannot create new https.Agent() within axios.init()

[unr]

When using the axios.init() function within nuxt.config.js, creating a new https.Agent() is quite difficult.

Importing https to be used constantly returns https is undefined.

const https = require('https');

axios: {
	init(axios, context) {
		axios.defaults.httpsAgent = new https.Agent({ rejectUnauthorized: false });
	},
},

https will be undefined, and fail.

Importing https within the axios.init() callback also fails.

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

[pi0]

Please see the newer approach using 5.x. Using nuxt plugins, you can easily achive this:

plugins/axios.js

import https from 'https'

export default({ axios }) {
  axios.defaults.httpsAgent = new https.Agent({ rejectUnauthorized: false })
}

https://github.com/nuxt-community/axios-module#extending-axios

[alanaasmaa]

I had same issue and i tried the solution here but it didn't work for me.

What worked for me was environment variable NODE_TLS_REJECT_UNAUTHORIZED="0"
Maybe something we should implement into nuxt.js dev mode?

Also i think the variable should be $axios not axios.

[laurentdebricon]

Please see the newer approach using 5.x. Using nuxt plugins, you can easily achive this:

plugins/axios.js

import https from 'https'

export default({ axios }) {
  axios.defaults.httpsAgent = new https.Agent({ rejectUnauthorized: false })
}

https://github.com/nuxt-community/axios-module#extending-axios

Thank you, it works for me.
The solution is indeed with $axios.

[AntoninSlejska]

Little update:

plugins/axios.js

import https from 'https'

export default function({ $axios }) {
  $axios.defaults.httpsAgent = new https.Agent({ rejectUnauthorized: false })
}

See: https://axios.nuxtjs.org/extend