Solved!
Would you try switching to absolute URLs for your CSS/JS files?
Okay, so you’re right, but the solution was slightly more nuanced than switching the absolute paths because I use Vue.js and the vue-cli npm plugin to build out the structure of my app. I’ll leave this here in case it helps someone else who uses Vue-CLI, or React-CLI or webpack to scaffold out the architecture of their projects.
For me the solution was open my vue.config.js
file, I changed the third line in the following to /map/
from /
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/map/' #production deployment location -- i.e. tucsonpathways.org/map
: '/' #development deployment location -- i.e. localhost:8080 (for myself during development - port 8080 is just the default port of the Vue-Cli)
}
This is discussed in more depth here - Configuration Reference | Vue CLI
By setting my web-app’s production path to /map/
rather than the default /
in the this puts it in the correct with the _redirect
file I specified in my separate static website repo which specifies
/map/* https://frosty-heisenberg-cf3b94.netlify.app/:splat 200!
Hopefully this info in combo with the instructions will help other vue.js/netlify users.
Best
Dylan