webpack-bundle-analyzer插件用以分析webpack打包之后的结果，在vue-cli3之前是集成到scripts中，然后直接执行命令就行，而在vue cli3中用vue create创建的项目木有这个插件的命令了，查阅官方文档发现这个文档仍然是被集成的，只是需要我们在有需要的时候自己添加相关参数。
官方默认的命令是这样的：
{
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
}
}
那么我们可以执行n...
官方配置说明 https://cli.vuejs.org/zh/config/#pages
const isProduction = process.env.NODE_ENV === 'production'
const isDevelopment = process.env.NODE_ENV === 'development'
const cdn = {
dev: {
css: [
'https://cdn.jsdelivr.net/npm/element-ui@2.10.1/lib/theme-chalk/index.c...
支付宝支付一般是请求接口后收到一组form表单代码，在h5中，可以直接像下面这样直接使用
doPayAlipay(alipayNeedParams).then(resAlipay=>{
if(resAlipay.code==0){
const div = document.createElement('div');
div.innerHTML = resAlipay.data.form;
document.body.appendChild(div);
document.getElementById('...
普通vue项目中
以CNZZ统计为例（CNZZ统计API），先在index.html中的head标签中加入：
<script>
var _czc = _czc || [];
_czc.push(["_setAutoPageview", false]);
(function() {
var cnzz_s_tag = document.createElement('script');
cnzz_s_tag.type = 'text/javascript';
cnzz_s_tag.async = true;
cnzz_s_t...
基于nuxt.js的项目，用户登陆后请求的接口需要加上token，但是客户端存储到本地的token服务端是拿不到的，这时有两种解决方案：一种是判断当为客户端且已登录时主动带上token再请求一次接口（但是这种感觉不太友好，因为多了一次请求）；另一种是想办法把token共享给服务端，这个时候session便派上用场了（express-session可能有内存泄漏的风险，因此采用cookie-session）
0、安装依赖
npm i express cookie-session body-parser -S
1、在项目根目录下新建server.js
c...
1、基于vue-cli
在实际项目开发中，经常会碰到需要环境变量的情景。在vue-cli的环境下，默认已经配置了一个NODE_ENV的环境变量，当npm run dev的时候这个是development, 当npm run build 的时候这个是production。用过vue-cli开发的通常对这个都不陌生,用这个最多的地方基本就是我们配置网络请求的域名头了。
但是默认提供的development和production这两种情况完全不够用呀有木有，比如实际上有本地开发的地址、线上测试的地址和生产环境的地址等，然后本地开发时不同的模块又有不同的端口怎么破？好麻烦有木有...
1、服务器搭建nodejs环境
本文通过NVM安装nodejs。NVM（Node version manager）顾名思义，就是Node.js的版本管理软件，可以轻松的在Node.js各个版本间切换。
首先，下载并安装NVM脚本。可以使用cURL安装：
使用cURL安装
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
使用Wget安装
wget -qO- https://raw.githubusercontent.com/creation...
本文仅记录基于vue开发h5项目过程中使用支付宝和微信支付过程中的重点与槽点，仅为前端部分，如有疏漏不正之处，请于文末评论探讨。注意：标红部分灰常重要，仔细阅读官方文档非常重要，耐心非常重要，细心非常重要。
一、支付宝h5支付
支付宝h5支付操作起来是超级简单的，前端关键代码如下：
this.$http.getTradeNo(lastParams).then(res=>{
this.$http.doPayAlipay({
oid: res.data, // 取到的交易订单号
url: yourBackUrl // 成功后的回调地址
...
一个基于vue的h5项目，并使用了h5 history模式（即去掉了#号），并同时兼顾公众号内嵌（安卓环境、IOS环境）、安卓app内嵌和基本的网页使用。主要入口为公众号的菜单，当然也可以是直接点链接进入，亦或者扫码进入，也可以是从已经分享出来的链接点击再进入等等。
由于是基于vue的SPA应用，所以每个页面的标题和描述都是一样的。尽管做了动态更改title和desciption，但分享出去后的显示效果仍然达不到要求，而且ios版本的微信分享出去的链接也存在不准确的问题，基于此，决定使用微信的JSSDK。微信JS-SDK说明文档https://mp.weixin.qq.com/wi...