位置: 编程技术 - 正文

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

  • 印花税购销合同包括哪些
  • 小规模不动产租赁税率5%
  • 印花税的会计分录有哪些
  • 工伤在门诊的收据能报销吗
  • 房地产企业年报台账怎么填
  • 成立一个新公司的步骤
  • 未休年假三倍怎么计算
  • 发票丢失怎么做分录
  • 上月多计收入,本月如何调整?
  • 跨年的管理费用怎么调到主营业务成本里
  • 国税申报需要带什么资料
  • 未开票收入开票后怎么做账
  • 一般纳税人吧
  • 怎么在电子税务局变更财务负责人
  • 暖气冷气热水的增值税适用税率是多少?
  • 企业出租包装物收取的押金应通过其他应收款账户核算
  • 对子公司投资应采取的核算方法
  • 汽车维修公司如何经营粉丝群才能让潜在客户注意到我们
  • 跨年补计提工资汇算清缴
  • 长期待摊费用提前清理
  • 理财公司收到客户投资款怎么处理
  • 飞机票可以直接去机场买吗
  • 王者荣耀通用铭文狩猎和隐匿
  • win11安装失败0xc1900201
  • php curl header参数
  • 家装行业如何确认收入
  • i911900k与10900k
  • 包装物交不交消费税
  • 企业与政府所签的合同
  • 解读一篇文章
  • 建筑工程房屋租赁费属于什么费用
  • php实现的浏览器有哪些
  • php bind_result
  • 顺流交易的会计处理
  • 利用php判断文件是否存在
  • 谷歌浏览器跨域解决方案
  • 多模手机
  • web前端开发html代码
  • 微信公众号开发用什么语言
  • php中表单的使用
  • md5 linux
  • 税收分类编码不存在什么意思
  • 租入商铺
  • 企业一般账户开户申请理由
  • 水利建设专项收入的税率是多少?
  • wordpress怎么降级
  • 个人代工程发票要缴纳的个税
  • 银行汇票如何背书转让
  • 开增值税专票要交税吗
  • 购买火车票报销,实际没乘车能查到嘛
  • 私车公用的汽油费计入哪个科目
  • 预缴增值税后期如何处理
  • 契税是指什么?
  • 借款可以抵扣企业所得税
  • 银行 收美金
  • 事业单位结余是什么意思
  • 开红字发票做账时记账凭证上如何写摘要?
  • 苗木税票怎么抵扣
  • 异地工程可以在公司所在地缴纳税款吗
  • 发票章盖得不清晰怎么办
  • 选择业务组合的原则是什么
  • 发生意外错误无法完成您的请求
  • phpstudy中phpmyadmin无法访问
  • centos关闭kdump
  • xp查看用户名和密码
  • window10升级不了
  • linux安装与基本命令
  • ES6 javascript中class静态方法、属性与实例属性用法示例
  • 2015-04-04---CCAction详解(欠了大家好几天了)
  • unity3d怎么用
  • 噩梦原版
  • javascript+HTML5自定义元素播放焦点图动画
  • 基于javascript的毕业设计
  • javascript要怎么学
  • python爬虫模拟浏览器
  • python发邮件代码
  • android adt
  • 使用灭火器人要站在上风口还是下风口
  • 四川省地方税务局关于城镇土地使用税困难减免
  • 异地预缴增值税销售额是含税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设