vue-cli3 npm run build 打包后serve运行项目404路由问题解决

本地预览

① dist文件夹 不允许通过file://的方式直接打开index.html 除非配置了publicPath为一个相对的值也就是路径
②只能通过跑dist的HTTP服务才能正常进行访问
③解决本地预览的路由问题serve命令行解决方式：
serve -s dist
# -s 参数的意思是将其架设在 Single-Page Application 模式下
# 这个模式会处理即将提到的路由问题

线上部署

在你的服务器上添加一个简单的回退路由。如果 URL 不匹配任何静态资源，它应提供与你的应用程序中的 index.html 相同的页面。