vue build本地预览与路由History模式下页面空白

vue build本地预览与路由History模式下页面空白和图片路径找不到

前言

不知道有没有前端小白和我一样，遇到同样的问题
vue 路由mode:‘history’ 模式下，开发环境页面可以正常访问，但是打包后本地测试出现问题（有没有人和我一样，本地测试也不会的，以前hash模式下，直接把dist文件夹下的index.html从浏览器打开就可以，history模式下，这种方式不奏效）：1、页面空白；2、图片找不到，路径不对；3、从首页跳转其他页面没问题，但是直接输入链接之后访问不了

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、本地模拟服务器测试

用node 或 express 打开一个本地服务器端口来预览打包后的静态文件
因为vue项目为脚手架搭建的已经有 node 和 express 依赖，无需重新安装。我们可以直接在根目录下新建一个 server.js，配置如下：

const express = require