通过Vue-cli模板在file：//上打开index.html

Question

When I run npm run build command, from this Vue-cli template , it says:

Tip: built files are meant to be served over an HTTP server.

Opening index.html over file:// won't work.

So, the question is simple, is there any possibility, to open index.html with file:// , and it will works?

Answer 1

Change assetsPublicPath to './', then "npm run build", and then you can open file:// in your browser.

  build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',