vueプロジェクトのパッケージ化後、indexにローカルでアクセスします.htmlページに空白が表示されます


vueパッケージ後、indexにローカルでアクセスします.htmlページは空白で、コンソールが間違っています.
解決策
  • vue-cli 2:まずconfig/indexを見つけた.jsファイル、assetPublicPathのパスを「./」
  • に変更
  • vue-cli 3:プロジェクトのルートディレクトリの下にvueを作成します.config.jsは、以下のコードを追加します.
  • module.exports = {
        publicPath: './',
        assetsDir: 'static',
        parallel: false
    }

    ここまで来ても表示されないのは、あなたのルーティングパターンの関係で、あなたのルーティングパターンを「hash」に変えればいいからです.
    vueでよく使用されるルーティングモード:
  • hash(#):デフォルトルーティングモード
  • histroy(/)切替ルーティングモード
  • ルーティングモードを切り替えます.
    export default new Router({
        //     :hash(  ),history  
        mode: 'hash',
        //         ,    'router-link-active'
        linkActiveClass: 'active'
        //    
        routes:[
            {
                path:'/',
                name:'index',
                component:'Index'
            }
        ],
    
    })