Question: I want to insert new `<li>` element to my function output.

```
function gallery_nav() {
    $i = 0;
    foreach ($myArray as $key ) {
        $i++;
        echo '<li><a href="#">'. $i .'</a></li>';
    }
}

```

It printing this html

```
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>

```

Can i insert custom `<li>` element into this array? Like this:

```
<li>1</li>
<li>2</li>
<li class="custom">3</li>
<li>4</li>
<li>5</li>
<li class="custom">6</li>
<li>7</li>
<li>8</li>
<li>9</li>

```

Answer: 
Create a custom agent with SSL certificate:

```
const httpsAgent = new https.Agent({
  rejectUnauthorized: false, // (NOTE: this will disable client verification)
  cert: fs.readFileSync("./usercert.pem"),
  key: fs.readFileSync("./key.pem"),
  passphrase: "YYY"
})

axios.get(url, { httpsAgent })

// or

const instance = axios.create({ httpsAgent })

```

From <https://github.com/axios/axios/issues/284>
This worked for me:

```js
import axios from 'axios'
import https from 'https'

const headers = {};

const httpsAgent = new https.Agent({
  ca: fs.readFileSync('./certs/cert.pem'),
  cert: fs.readFileSync('./certs/cert.pem'),
})

const data = await axios.get(url, { httpsAgent, headers })

```