位置: 编程技术 - 正文

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

  • 取得的证券投资业绩
  • 印花税的征税范围
  • 分批付款 发票怎么开
  • 收到赠送的商品并销售
  • 退税流程怎么操作APP
  • 企业所得税季度预缴怎么计算
  • 税务局三代手续费政策
  • 个体工商户免征税额度是多少
  • 电子税务局税种核定怎么操作
  • 多交税款如何处罚
  • 拍卖的商铺过户费怎么算
  • 契税的计税金额是什么
  • 公司取出的备用金怎么打税
  • 企业临时用工付出会计处理
  • 应交税费明细分类账图片
  • 2017年金税盘服务费已全额减免,勾选系统怎么处理
  • 其他综合收益影响净利润吗
  • 水利基金减免政策2019 未超过10万
  • 应纳税所得额计算个税
  • 微信支付宝余额为零的表情包
  • 出口退税是几个点
  • 补缴房产税需要什么资料
  • 房屋租赁公司要交哪些税
  • 哪些发票可以开专票
  • 电脑网页游戏打不开了怎么办
  • 扬声器音量调节
  • deepin 20 wifi
  • php随机ua
  • php函数function
  • 以物易物双方做什么处理
  • 开启资源管理器自动刷新功能
  • php的js
  • php ssl
  • php调试工具哪个好用
  • 记一次调试YOLOv5+DeepSort车辆跟踪项目的经过
  • qt opencv ffmpeg
  • phpwhile循环多维数组
  • 外经证过期没核销罚多少钱
  • 往来款的意思
  • 员工宿舍的物业费要交个税吗
  • 去年发生了什么
  • 如何免费下载win10 家庭版
  • mysql 中文乱码 识别
  • 今年发放去年的工资怎么入账
  • 兼职人员的个税怎么计算
  • 记账软件多少钱一套
  • 公租房特许经营权转让
  • 行政事业单位会计准则
  • 换货与退货
  • 不合格品的处理方式一般包括哪些
  • 基本工资和什么挂钩
  • 未认证的发票不入账有什么影响
  • 实收资本可以大过注册资本吗
  • 非税收入票据如何开具
  • 金蝶旗舰版如何备份账套
  • MySQL数据库索引设计
  • sqlserver优化方案
  • 在linux系统中,用来存放系统所需要的配置文件和子目录
  • 升级bios后无法启动
  • win7命令提示符
  • mac声音怎么调大
  • tracert命令的功能和用法
  • centos7安装yum报错
  • centos 安装
  • 360对win7支持多久
  • <Unity3D>Unity3D GUI控件
  • javascript数据结构
  • jquery生成网页内容
  • nodejs middleware
  • python火车订票系统
  • 关于中秋节的古诗
  • easyui 弹框
  • javascript简明教程
  • jQuery AjaxUpload 上传图片代码
  • 安卓接口分类
  • android使用方法
  • jQuery EasyUI Tab 选项卡问题小结
  • javascript如何定义函数
  • 河南城乡居民医疗保险电话
  • 税务注销了怎么查看纳税申报表
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设