vue打包後dist頁面空白

項目中自己的VUE項目通過npm run build打包生成的dist文件，打開本地dist文件夾的index.html頁面一片空白。這個主要原因是路徑的問題。

1、記得改一下config下面的index.js中bulid模塊導出的路徑。因爲index.html裏邊的內容都是通過script標籤引入的，而你的路徑不對，打開肯定是空白的。先看一下默認的路徑。
 

module.exports = {
  build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    productionSourceMap: true,

assetsPublicPath默認的是  ‘/’  也就是根目錄。而我們的index.html和static在同一級目錄下面。  所以要改爲  ‘./ ’