时间:2021-05-26
当router.js 中mode:history 发现刷新页面 不显示了,原因出来history的请求路径资源不存在了,这个需要后端配置的,
前端 需要修改一个地方即可,
devServer: { port: 8000, host: '0.0.0.0', overlay: { errors: true }, hot: true, historyApiFallback: { index: '/index.html' } },新增historyApiFallback这个个功能,然后的index的路径需要配置output输出的Publicpath的配合使用
publicPath:'/public/'对应的路径 index:'/public/index.html'
重启webpack,刷新页面就好了
以上这篇VUE 解决mode为history页面为空白的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
如下所示:Vue.use(Router)exportdefaultnewRouter({mode:'history',routes:[{path:'/',com
前言今天遇到了一个很怪的问题,在vue-cli+webpack的项目中,刷新特定页面后页面会变空白,报错为index.html文件中Unexpectedtoke
默认情况下以当前域名为根目录向下访问。举例,若需要部署到ponent:indexContent}]})其中mode设置为'history'可清除路径中的#(本地
特别提醒:开启mode="history"模式,需要服务端的支持,因为出现“刷新页面报错404”的问题;大家都知道,路由地址都是以"#"形式展示,但是有些时候,
我就废话不多说了,大家还是直接看代码吧~在下个页面使用replace跳回来即可补充知识:vue-router模式为history的项目打包发布后不能通过地址栏里