vue打包后空白

vue-cli2

首先F12打开试调器，查看引入的css和js引入有没有报错

到config文件夹中打开index.js文件

修改buid下的 assetsPublicPath

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

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

assetsPublicPath属性作用是指定编译发布的根目录，‘/'指的是项目的根目录 ，'./'指的是当前目录。

vue-cli2

在根目录创建vue.config.js

 

 

添加以下代码

module.exports = {
    assetsDir: 'static',
    parallel: false,
    publicPath: './',
}