clean-url plugin breaks Netlify deployment

• I confirm that this is an issue rather than a question.

Bug report

Version

alpha.40

Steps to reproduce

Visit https://compassionate-benz-c091d6.netlify.com/getting-started

What is expected?

A rendered page equal to https://docs.onyxframework.org/getting-started

What is actually happening?

Both websites are deployed via Netlify. https://docs.onyxframework.org is deployed from master branch, https://compassionate-benz-c091d6.netlify.com — from bug branch. The only difference is that the clean-urls plugin enabled in bug branch as seen here: https://github.com/onyxframework/docs/compare/bug.

See https://github.com/onyxframework/docs for the source code.

Other relevant information

• The bugged deployment works normal if firstly going to https://compassionate-benz-c091d6.netlify.com (the root page) and then navigate with clicks
• “index” pages like https://compassionate-benz-c091d6.netlify.com/rest/ are working normally, however, the “normalSuffix” pages are broken, e.g. https://compassionate-benz-c091d6.netlify.com/rest/routing
• Netlify asset optimization is disabled in both cases
• No _redirect file is present in neither of deployments

[alberthaff]

I made a little hotfix-script.

Place following in your package.json

"scipts": {
  "build": "vuepress build; npm run urls:pretty",
  "urls:pretty": "find ./.vuepress/dist ! -path './img*' ! -path './assets*' ! -name '_redirects' ! -name '*.*' -type f -exec bash -c 'mv $1 $1.temp; mkdir $1; mv $1.temp $1/index.html' - {} \\;"
}

and run npm run build as usual. The script renames all page from getting-started to getting-started/index.html. It works fine on ngx-buoy.com (hosted with Netlify),

You’ll might have to adjust the filter of the script, so that it doesn’t rename your assets, etc.

You have to disable Netlify’s “pretty URLs” to get rid of the trailing slashes

[shigma]

@vladfaust

Most of the servers will automatically handle some redirects, e.g. when /foo does not exist:

• /foo -> /foo.html if exists
• /foo -> /foo/ if exists

(And to behonest, #1269 does not work on any server.) So if you want a /foo without redirection on Netlify without additional configuration, make sure:

• /foo exists, and
• /foo.html and /foo/ does not exist