fetch does not work with local urls on Now

The following is the code…

In .src/routes/index.svelte

<script context="module"> 
    export async function preload({ params, query }) { 
        const res = await this.fetch(`/data`);
        const data = await res.json();
        return data;//{"title":data.title};
    }
</script>   
<script>  
export let title;
</script>  
<h1>Great success! - {title}</h1>  

created .src/routes/data.js file and have the following

const superagent = require('superagent'); 
// GET /data
export function get(req, res, next) { 
  superagent.get("https://external/api/json/get/path/xyz")
    .type("json")
    .accept("json")
    .query(req.query)
    .pipe(res);
}

1. {title} in the above code only works when we click on other tabs and back but not when we refresh the index.svelte page
2. The same code works fine locally ( localhost ) but not when we deploy to now ( production )

[jnv]

Thanks for the tips! You can also use host property in the preload function so you don’t need to hardcode domain URL. This is the workaround I have arrived to:

  export function preload({host, params, query}) {
    let baseUrl = ''
    if (!process.browser && process.env.NOW_REGION) {
      baseUrl = `https://${host}`
    }
    
    return this.fetch(`${baseUrl}/data`)
    // ...
}

[thgh]

Fix has been released in v0.39.0! Thanks @fpaboim