VUE 解决mode为history页面为空白的问题


Posted in Javascript onNovember 01, 2019

当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页面为空白的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
JavaScript在多浏览器下for循环的使用方法
Nov 07 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
Bootstrap入门书籍之(一)排版
Feb 17 Javascript
JQuery日期插件datepicker的使用方法
Mar 03 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
Feb 12 Javascript
在 Node.js 中使用 async 函数的方法
Nov 17 Javascript
RxJS的入门指引和初步应用
Jun 15 Javascript
React+TypeScript+webpack4多入口配置详解
Aug 08 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
使用vue打包进行云服务器上传的问题
Mar 02 Javascript
js+canvas实现两张图片合并成一张图片的方法
Nov 01 #Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 #Javascript
vue设置动态请求地址的例子
Nov 01 #Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 #Javascript
js实现旋转的星空效果
Nov 01 #Javascript
浅谈小程序globalData的那些事儿
Nov 01 #Javascript
小程序怎样让wx.navigateBack更好用的方法实现
Nov 01 #Javascript
You might like
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
PHP中获取文件扩展名的N种方法小结
2012/02/27 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
PHP产生不重复随机数的5个方法总结
2014/11/12 PHP
PHP读取PPT文件的方法
2015/12/10 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
PHP命名空间定义与用法实例分析
2019/08/14 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
AngularJS入门教程之ng-checked 指令详解
2016/08/01 Javascript
微信小程序 数据遍历的实现
2017/04/05 Javascript
js轮播图的插件化封装详解
2017/07/17 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
2019/05/14 Javascript
微信小程序国际化探索实现(附源码地址)
2020/05/20 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
2020/11/06 Javascript
[02:23]1个至宝=115个英雄特效 最“绿”至宝拉比克“魔导师密钥”登场
2018/12/29 DOTA
python之yield表达式学习
2014/09/02 Python
几个提升Python运行效率的方法之间的对比
2015/04/03 Python
python-str,list,set间的转换实例
2018/06/27 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
Python实现使用request模块下载图片demo示例
2019/05/24 Python
Puppeteer使用示例详解
2019/06/20 Python
Python生成器常见问题及解决方案
2020/03/21 Python
如何使用Pytorch搭建模型
2020/10/26 Python
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
浅谈CSS3鼠标移入图片动态提示效果(transform)
2017/11/06 HTML / CSS
关于中国梦的演讲稿
2014/04/23 职场文书
成立公司计划书
2014/05/07 职场文书
市级三好学生事迹材料
2014/08/27 职场文书
介绍信格式
2015/01/30 职场文书
MySQL 四种连接和多表查询详解
2021/07/16 MySQL
vue 把二维或多维数组转一维数组
2022/04/24 Vue.js
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android
MySQL深分页问题解决思路
2022/12/24 MySQL