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