Deploying Multiple Repositories To a Single Site -- Potentially Missing Something Simple

Support
3

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