history模式刷新404的问题:
就是它向服务器发送请求了
当我搭建路由的时候,使用hash
的时候非常友好,为什么,使用history
路由的时候会报错;
这里如果是history
的话它会做一件事情;
当我们访问接口,或者访问路由的话,就是我们的浏览器会向后端发送一个请求,而后端没有这个接口,会导致当前地址没找到,一旦没找到地址屏幕会显示空白。
所以说它默认会把main
当成服务器接口的地址请求。
怎么让它不按照接口的方式请求,默认是按照路由里面去找,去webpack.dev.js
里面找一个devServer
配置文件:
devServer: {
port: 9999,
quiet: true,//安静模式
progress: true,//进度条
compress: true,//Gzip压缩
historyApiFallback:true,//刷新页面时不会向服务器发送请求
}
historyApiFallback:true
当你用history
模式的时候我们的API
就会被返回了,接口就不会直接去请求。
现在所配置的这个模式是基于开发里面去设置,只在本地开发环境中生效;
真正打包上线了到服务器里就不好使了,因为webpack.dev.js
文件不会被打包,打包的是src
下面的;
上线到服务器了,解决方法:后端重定向到index.html
拜