vue全站透传路由参数

有这么一个需求,如果请求连接中携带有q=0001,如:http://localhost:3000/index?q=0001,那么项目中后续所有跳转链接都需要加上q=0001。

阅读全文

vue router history 模式服务端使用nginx负载均衡部署二级目录

本文需要处理的问题:

  1. vue 部署在二级目录,请求使用二级目录不带后面斜线访问,会自动301重定向带斜线地址,比如:请求 http://localhost:9999/test -> http://localhost:9999/test/,此方式使用单台服务器无任何影响。

  2. 如果使用 nginx upstream 配置负载均衡,上述的301重定向会跑到负载均衡的服务器,而不会指向入口机。

阅读全文

vue 更优雅的打包到不同运行环境

开发中难免会存在不同环境不同配置的情况,比如:开发环境,测试环境,准线环境,线网环境等等。如何更方便的处理不同环境打包是必须要考虑的。本文简单介绍一种相对优雅的处理方式。

阅读全文

vue render 函数渲染 promise 异步组件

遇到此问题原因是想利用异步加载的方式,优化 vue cli 打包后的 app.xxx.js 文件大小,虽然最后并没有优化成功,但是方法值得学习。

题外话:chunk-vendors.xxx.js 可以利用 webpackexternals 属性优化打包大小。

vue render 函数本身并不支持异步渲染,好在官方 vue 2.3.0+ 之后新增了一个异步组件工厂函数,利用此方法可以实现 render 函数渲染异步组件。

阅读全文

前端 javascript 苹果IOS系统Safari手机浏览器自动播放问题

前端虐我千万遍,我仍待它如初恋。前端开发中,各种坑多如牛毛,刚好今天又踩一个。

本次项目中需要开发一个音乐播放器,关于音频播放在众多安卓手机上测试均无问题,上IOS测试就完蛋了。

网上常见自动播放方法基本都是在页面载入时候监听 touch 事件,触发事件在自动播放,此方法不适用本次项目需求。

阅读全文

使用 npx 创建 vue 项目

vue 官方文档并没介绍如何使用 npx 创建项目,不像 react 文档中有直接使用 npx 创建项目的命令。

根据 react 的使用方法,结合 npx 的特性,大概也能估计出他的使用方法。

阅读全文