通常我们习惯以文件目录形式一样的URL，而不是域名后面多一个/#/的hash模式。

下面我们来做以下两个配置解决：

1、Nginx配置

首先我们在nginx的配置nginx.conf文件加上这一句 try_files $uri $uri/ /index.html;

location / {
    try_files $uri $uri/ /index.html;
}

添加完成后，重启Nginx.

2、vue-router配置

然后在前端项目中的router文件加上mode: "history"

const router = new VueRouter({
    mode: "history",
    base: process.env.BASE_URL,
    routes
});

完成，构建部署发布后也不会出现所谓的刷新页面报404，下面是部署上去的效果图