vue全站透传路由参数

时间：

分类：

vue

字数：

600 字

时长：

大约需要 2 分钟

次数：

0 人阅读

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

阅读全文

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

时间：

分类：

vue

字数：

1.8k 字

时长：

大约需要 7 分钟

次数：

0 人阅读

本文需要处理的问题：

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

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

阅读全文

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

时间：

分类：

vue

字数：

847 字

时长：

大约需要 3 分钟

次数：

0 人阅读

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

阅读全文

vue render 函数渲染 promise 异步组件

时间：

分类：

vue

字数：

479 字

时长：

大约需要 1 分钟

次数：

0 人阅读

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

题外话：chunk-vendors.xxx.js 可以利用 webpack 的 externals 属性优化打包大小。

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

阅读全文

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

时间：

分类：

js

字数：

841 字

时长：

大约需要 3 分钟

次数：

0 人阅读

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

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

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

阅读全文

使用 npx 创建 vue 项目

时间：

分类：

vue

字数：

208 字

时长：

大约需要 1 分钟

次数：

0 人阅读

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

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

阅读全文