Deploy previews on Netlify are built with the wrong baseURL (not using $DEPLOY_PRIME_URL)

[Camille_Roux]

Hi!

I’m using the following netlify.toml file in my project: https://raw.githubusercontent.com/gohugoio/hugoDocs/master/netlify.toml

The production site is ok. URLs are using the baseurl I set in the config.toml.
But the preview builds are also using this baseurl (they shoud use the $DEPLOY_PRIME_URL URL instead). So when I go on a preview build (ex: https://5b7066a0b13fb15b96c20f1e--mysite.netlify.com/), the CSS file used is https://mysite.netlify.com/css/style.css instead of https://5b7066a0b13fb15b96c20f1e--mysite.netlify.com/css/style.css.

How can I fix that?

[kaushalmodi]

@Camille_Roux

the CSS file used is https://mysite.netlify.com/css/style.css instead of https://5b7066a0b13fb15b96c20f1e--mysite.netlify.com/css/style.css

It’s difficult to pinpoint the problem without a repo to reproduce the issue. I have been using DEPLOY_PRIME_URL for both branch and preview deploys on Netlify and they work fine.

[Camille_Roux]

ok… Here is the repo: https://gitlab.com/camilleroux/noschangements

[kaushalmodi]

Looking at the source code:

    {{ "<!-- combined, minified CSS -->" | safeHTML }}
    <link href="{{ .Site.BaseURL }}css/style.css" rel="stylesheet"{{ if not .Site.Params.disable_sri }} integrity="{{ .Site.Data.sri.style}}" crossorigin="anonymous"{{ end }}>

It’s not the best practice to manually concat the BaseURL like that, because that expects your BaseURL string value to always end in / (which is not the case if you are using the $DEPLOY_PRIME_URL directly).

Instead do: href="{{ "css/style.css" | relURL }}" or href="{{ "css/style.css" | absURL }}".

---

Related – I use this wrapper shell script to add trailing slash to the $DEPLOY_PRIME_URL, just because I am OCD about having the BaseURL always end with a slash.

[Camille_Roux]

Thank you, I fixed this. But I still have the wrong baseURL everywhere (preview deploy on Netlify):

[butaca]

Netlify doesn’t support using variables values ($VARIABLE) in the netlify.toml file so this is not supported:

command = "hugo --buildDrafts --buildFuture --baseURL $DEPLOY_PRIME_URL"

In their reference they suggest an alternative workflow:

netlify.toml Reference | Netlify

[Camille_Roux]

So the netlify.toml exemple on Host on Netlify (gohugo.io) is wrong, isn’t it?

The same for the netlify.toml of the Docs section of gohugo.io ?

gohugoio/hugo/blob/master/docs/netlify.toml

Is someone have a working exemple?

[butaca]

That’s odd. I’m just referring to what I read in Netlify’s docs. Maybe their documentation is outdated and it works somehow, or hugo is using some kind of workaround like the one suggested in the docs, idk.

What works for me is having my own gulp build script (you can use something else, I’m using gulp for other things too) where I set the appropriate hugo flags based on Netlify environment variables. This way, the build command is the same for every context.

[jean-mi]

Hi,
I had the same problem with the links

I add this in Netlify.toml

[build]

publish = "public"

command = "hugo --minify --baseURL $DEPLOY_PRIME_URL"

And it work