Production build issue

[ericbets]

This works fine for me in dev mode, but production builds fail if I load
./index.html
./dist/index.html

from the browser. My url looks like: localhost/codepan and it's in /var/www/html/codepan

[zcong1993]

You should use a subdomain or change poi.config.js as this:

const OfflinePlugin = require('offline-plugin')

module.exports = options => ({
  postcss: [
    require('postcss-nested'),
    require('postcss-property-lookup')
  ],
  extendWebpack(config) {
    // inject offline-plugin in production build
    if (options.mode === 'production') {
     config
        .output.publicPath('./')

      config.plugin('offline')
        .use(OfflinePlugin, [{
          caches: {
            main: [':rest:']
          },
          ServiceWorker: {
            events: true
          },
          AppCache: {
            events: true
          }
        }])
    }
  },
  production: {
    sourceMap: false
  }
})

[egoist]

The simplest way is setting homepage: './' (works for all hash router) or homepage: '/codepan/' in your case, see https://poi.js.org/#/options?id=homepage