位置: 编程技术 - 正文

详解如何将 Vue-cli 改造成支持多页面的 history 模式(vue-cal)

编辑:rootadmin

推荐整理分享详解如何将 Vue-cli 改造成支持多页面的 history 模式(vue-cal),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue怎么把数据传到后端,vue怎么把数据存储在本地,vue-cal,vue如何整合到java项目,vue怎么把数据存储在本地,vue文件如何编译成html,vue文件如何编译成html,vue文件如何编译成html,内容如对您有帮助,希望把文章链接给更多的朋友!

标题可能描述不准确, 大概就是这么个需求:

用 Vue-cli 搭建一个多入口, 多页面的站点, 也就是通过html-webpack-plugin插件会生成多个 .html 文件, 在默认下, 是只有 index.html 这个入口可以用 history 模式, 如: 而其他的入口只能用 hash 模式, 如: 因为webpack-dev-middleware会将所有的路由都指向 index.html 文件, 假如线上的时候, 都需要 history 模式, 这样多少会造成麻烦.

真是太二了, 刚写完文章就发现connect-history-api-fallback这个插件就是做这个的...

方法更新如下:

详解如何将 Vue-cli 改造成支持多页面的 history 模式(vue-cal)

修改 build/dev-server.js 文件

改成

具体规则就参考: 以下代码请无视 --------------

下面我们就来改造下, 让所有入口都支持 history 模式:

1. 首先, 我们在 build 目录下建立个 setup-dev-server.js 文件, 里面代码如下:

2. 修改 build/dev-server.js 文件

主要修改文件中var app = express()到module.exports = app.listen(port, function (err) {之间的代码

3. npm run dev 开始愉快的写代码吧

标签: vue-cal

本文链接地址:https://www.jiuchutong.com/biancheng/377405.html 转载请保留说明!

上一篇:详解Vue2 SSR 缓存 Api 数据(vue缓存数据)

下一篇:加载 vue 远程代码的组件实例详解(vue远程调用组件)

  • 增值税发票抵扣是什么意思
  • 二手房交易税费2023新规定
  • 增值税是5%的是什么
  • 销售人员的福利项目包含什么
  • 一般纳税人免税政策
  • 煤炭企业补偿费会计分录
  • 补开的银行手续费发票怎么做账
  • 合同印花税如何做账
  • 混合销售行为如何缴纳消费税
  • 电子汇票如何背书步骤
  • 带息票据贴现金额怎么算
  • 收到退回的投标保证金
  • ipados15 支持机型
  • 王者荣耀中太乙真人的技能有哪些?
  • 总产值在报表中怎么看
  • 开具红字发票信息表对方未接受到怎么办
  • 发票登记薄的样式是什么
  • 简介linux系统中的10个常用命令及功能
  • 合伙企业必须有什么并以其作为企业法律基础
  • if.else
  • h5跳转h5
  • php权限框架
  • ✝️ 强制 Vue 重新渲染组件的正确方法
  • laravel入门与实战
  • code alignment
  • 异步函数执行顺序
  • 可供出售金融资产公允价值变动
  • wordpress自定义文章模板
  • js继承方式及其优缺点
  • 个体工商户属于灵活就业人员吗
  • 本期应补退税额和期末未缴税额
  • 酒店没有营业执照开业犯法吗
  • 异地预缴个人所得税账务技巧
  • 购进固定资产的进项税可以抵扣吗
  • 食品财务走账
  • 怎么查企业历史
  • 增值税减免税在贷方
  • 销售成本转结分录
  • 转让不动产与销售不符
  • 经审计的财务报表是否要会计师事务所盖章
  • 商品流通企业的进货费用
  • sql2008降级2005
  • sql server2019实例功能的选择
  • 什么是国家限制企业或行业
  • 机器设备可以作为出资方式吗
  • 印花税的征收方式有哪些
  • 资产负债表是根据科目余额表填的吗
  • 私车公用协议可以过户吗
  • 会计法中单位负责人均指法定代表人
  • 固定性制造费用能量差异公式
  • 费用本期发生额怎么算
  • 培训费发票可以抵扣吗
  • win8.1安装失败
  • mysql安装包和免安装的区别
  • win10系统查看
  • mac虚拟机安装win10教程
  • haozipsvc.exe是什么
  • windows任务管理器占用cpu过高
  • 系统设置技巧有哪些
  • win8.1怎么样?
  • 怎么在ubuntu上编程
  • ubuntu系统升级到18
  • 在windowsxp中设置控制计算机硬件设备
  • windows恶意软件删除工具怎么安装
  • linux如何创建ftp
  • win7怎么设置鼠标双击打开
  • 如何让win8系统变快
  • win7 64位纯净版系统c盘空间显示与实际占用空间不对的解决方法图文教程
  • 如何使用shell脚本将文件中的人分组,并输出
  • inline-block
  • 在js中如何判断数据类型
  • 浅谈如何培养孩子的注意力
  • service与activity数据交互
  • python下载方法
  • node 回调函数
  • 最精简的年终工作总结
  • js闭包作用问题解决应用
  • 12366纳税服务热线坐席人员
  • 税务局工作业绩
  • 特服号码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设