在vue历史模式下遇到的坑

背景:vue-cli4将vue-router配置为历史模式，跳转子路由后页面正常，但刷新后的页面无法访问。

原因:由于一般vue脚手架的默认路由配置是hash模式，为了解决直接打开打包文件空白页的问题，会在config >中；在index.js下，将生成的assetsPublicPath:“/”更改为assets public path:“”。/';

但当它成为历史路由模式时，必须改回来。

解决方案:

1.设置？assets public path:“/”，

2.？(可选)

devServer:？{

打开:？没错，

主持人:？本地主机'，

端口:？8080,

https:？假的，

hotOnly:？假的，

//?http？代理配置

代理:？{?

？/api ':{

目标:？' http://127 . 0 . 0 . 1:3000/API '，

changeOrigin:没错，

路径重写:？{?

'^/api':？''

}

？}

},

？historyApiFallback:？真的吗？/

之前:？(app)？= & gt？{}

？},?