解決vue 項目使用webpack打包後,直接打開dist文件夾下的index.html頁面空白的問題

  1. 問題描述
    vue項目完成後,輸入npm run build命令,會生成dist文件,本地打開dist/index.html,通常頁面爲空,或者報錯找不到css和js文件,則須要更改一些路徑參數,改爲相對當前目錄,而後再次運行npm run build 就能夠在本地打開index.html。
    css

  2. 解決辦法
    修改1:將config/index.js文件的assetsPublicPath: ‘/’;
    改成assetsPublicPath: ‘./’;在這裏插入圖片描述

    html

    修改2:將build/webpack.base.confg.js文件的publicPath: process.env.NODE_ENV === ‘production’ ? config.build.assetsPublicPath : config.dev.assetsPublicPath
    改成:publicPath: ‘./’
    在這裏插入圖片描述

    vue

    修改完成後,再次執行npm run build 後,打開dist文件夾裏的index.html,即可以看到相應的頁面 效果。webpack

相關文章
相關標籤/搜索