npm run build

 命令执行完出现

 访问index.html空白 控制台报找不到文件

将baseUrl属性的值'/'改为'./'。

 

module.exports = {
  // 基本路径
  baseUrl: './',
  // 输出文件目录
  outputDir: 'dist',
  // webpack-dev-server 相关配置
  devServer: {
    port: 8888,
  },
}

改好之后就可以直接在本地打开index.html了。

可是访问直接文件直接出现

解决方法

 

执行下面命令：

npm install http-server -g 全局
 然后在dist文件下执行：

http-server

直接打开上面的网址访问就可以了。

原文：https://blog.csdn.net/Joyce_TT/article/details/82499307 

参考:  https://blog.csdn.net/qq_36709020/article/details/80489094