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

    科技2022-07-12  118

    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

    Processed: 0.009, SQL: 8