位置: 编程技术 - 正文

详解如何将 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远程调用组件)

  • 土地增值税会计核算
  • 差旅费用什么记账凭证
  • 2019城建税减半征收优惠政策解读
  • 承租方支付租金会计科目
  • 收回多借差旅费
  • 研发过程中材料费计入
  • 股权变更怎么缴税
  • 税控设备全额抵扣政策
  • 小规模建筑企业预缴税款
  • 进口产品增值税的组成计税价格
  • 简易办法征收一般纳税人开票税率
  • 稳岗补贴计入哪个科目
  • 资本公积转增资本会引起什么变化
  • 不缴地税国税可停票吗?
  • 小规模纳税人1%税收优惠
  • 基金赎回未到账可继续买吗?
  • 销售利润率的计算公式,安全边际率
  • 非房地产开发企业土地增值税扣除项目
  • 代扣代缴手续费要交增值税吗
  • 话费打印发票怎么缩小
  • 结转应交增值税会计科目
  • dll缺失怎么修复
  • 会计凭证传递的原则及基本程序
  • 如何在windows11中安装google play
  • 长期待摊会计分录
  • 增值税专用发票查询系统官方网站
  • 政府搬迁补偿款怎么算
  • 阿里云天池大赛pdf
  • PHP:mcrypt_module_get_supported_key_sizes()的用法_Mcrypt函数
  • 进出口公司如何做账
  • 三趾鹑是野鸡吗
  • 餐饮类的增值税
  • 物资销售收入
  • 申报表已申报未交款后作废
  • redis zset源码
  • Android ImageView使用详解(系列教程三)
  • 增值税纳税申报表在哪里查询
  • ftp命令行
  • 进项抵销项的会计分录
  • 取得农产品免税发票如何账务处理
  • 金税三期可以申报个税吗
  • 未缴足注册资本
  • 公司法关于公司变更后权利义务的规定
  • 理财利息可以计息吗
  • 科目余额表和资产负债表的期末余额不一样,怎么办
  • 单位结余资金该如何处理
  • 公司归还股东借款是否需要股东会决议
  • 财务报表与财务分析的关系
  • 视同小规模纳税人是有?
  • 企业主营业务收入净额怎么算
  • sql中order by 1
  • 实收资本库存现金凭证怎么开
  • 社保可以直接计入费用吗
  • 出现什么情况企业不能持续经营
  • 个体工商户核定征收超额怎么缴税
  • 已抵扣认证的发票开红字发票需要将原票退回吗
  • 土地发票可以抵扣吗
  • 会务费入哪个科目
  • 提前支付利息如何计算
  • xp系统怎么设置系统启动项
  • Ubuntu Server 11.04安装GNOME 3的方法
  • u盘pe安装win7系统
  • 屏幕画面颠倒
  • 系统闹钟设置
  • win8右侧栏设置
  • 事件处理的三个要素
  • 通过扣缴义务人申报和综合所得年度自行申报
  • 基于像素的分类方法
  • unity3d教学视频
  • 深入理解新发展理念,推进供给侧结构性改革
  • vlc录制没反应
  • python3 ftplib
  • jQuery插件库
  • 基于nodejs的api框架
  • python各进制符号
  • 怎么用git上传项目
  • 税务局约谈记录
  • 超豪华小汽车需要在什么环节纳税
  • steam账号要身份证吗
  • 广州天河东路税务局地址
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设