vue cli3 项目打包成浏览器可以打开的html

1、情况分析

如果不配置一些，npm run build 出来的html游览器打开是空白的。

在根目录下新建vue.config.js文件

module.exports = {
    //基本路径
    publicPath:'./',
    //输出文件目录
    outputDir:'dist',
    //webpack-dev-server相关配置
    devServer:{
        port:8011,
        host:'localhost',
        open:true//配置游览器自动访问
    }
}

router/index.js下

将mode从history改成hash

运行

npm run build

2、加入vue-router之后上述方法失效

解决：
1、vue.config.js 中，修改以下配置

publicPath: "./"

2、在router中吧mode改成hash