I don’t know a lot about this but I’ll see if I can help …

What’s your build/deploy process like? It looks like your gh-pages branch contains all of your code. When I’ve done this in the past, my gh-pages branch only contains the contents of my dist folder. Are you using the gh-pages package to deploy? Using the gh-pages command line utility, you would do something like: gh-pages -d dist .

That issue aside, when I try to go to https://ananddharne.github.io/portfolio2.0/dist/ and look at the console, I see a bunch of 404s when trying to load your compiled scripts/styles because the paths are incorrect. For example, it’s trying to load your app bundle from:

https://ananddharne.github.io/static/js/app.8bbd09f686df92daa309.js

Instead, this should be something like:

https://ananddharne.github.io/portfolio2.0/dist/static/js/app.8bbd09f686df92daa309.js

I think you can adjust this by configuring webpack’s output.publicPath. In your project, it looks like this is set here:

github.com ananddharne/portfolio2.0/blob/gh-pages/config/index.js#L10 // see http://vuejs-templates.github.io/webpack for documentation. var path = require('path') module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '/portfolio2.0/dist/', productionSourceMap: true, // Gzip off by default as many popular static hosts such as // Surge or Netlify already gzip all static assets for you. // Before setting to `true`, make sure to: // npm install --save-dev compression-webpack-plugin productionGzip: false, productionGzipExtensions: ['js', 'css'], // Run the build command with an extra argument to // View the bundle analyzer report after build finishes: // `npm run build --report`

Try changing this to something like ‘/portfolio2.0/dist/’ … or if you start deploying just your dist folder, try just ‘/portfolio2.0/’.

Hopefully that helps!