解决vue使用history路由模式上线后刷新页面404问题

一、首先我们要将路由模式调整为history（如图）设置完成后我们正常使用npm run build进行打包。

二、将我们的打包文件上传宝塔，进行项目上线，然后在网站设置中的nginx配置文件中配置以下代码

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

配置完成后我们的上线项目就可以正常使用了，不会出现刷新404的问题了。