daily886的博客

vue + prerender + html-webpack-plugin 打包百度商桥项目报错因为使用了vue + prerender + html-webpack-plugin 打包这里打包使用了预渲染静态 html ,渲染时会把百度商桥和离线宝的 js 也镶嵌到 html 代码里面 ，而百度商桥和离线宝的 js不能静态加载所以要把静态 html 里的 baidu.com 有关商桥...

出现 webpackJsonp is not defined 是因为 manifest.js 加载在vendor文件后面了，下面我们调整manifest.js文件在头部加载这里使用 html-webpack-plugin的事件：html-webpack-plugin-alter-asset-tags ，修改manifest.js到头部加载在webpack.prod.conf.js同级目...

vue 使用prerender-spa-plugin预渲染插件时，加载https渲染页面和修复 ...options.navigationOptions bug修改文件 node_modules/@prerenderer/renderer-puppeteer/es6/renderer.js***************************************************...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇博文中，我们讲到了，如何在 vue 项目中 使用百度的 UEditor 富文本编辑器，详情点击《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十三）集成 UEditor 百度富文本编辑器》。相信大家对引用这种非 npm 的包有了一定的认识。很多人学习 j...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构Element-ui，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库官网 http://element-cn.eleme.io/#/zh-CN/component/installation切换到项目根目录，运行npm安装 npm i element-ui -D...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构vue中修改meta信息，需要使用到 vue-meta 插件https://github.com/declandewet/vue-meta切换到项目根目录下，使用npm安装:npm install vue-meta -D修改路由 src/router/index.js 内容：impo...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构首先采用了lumen作为后台，提供api前端采用了vuejs+element-ui+axios编辑器采用了 ueditor这里说明的是ueditor的跨域上传单张图片vuejs集成ueditor的方法在这里： https://blog.youkuaiyun.com/daily886/article/de...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构近日，有网友留言，询问，如何将 vue 的路由分拆为多个文件进行管理。这当然是可以的。今天我就来写一个简单的教程，希望对大家有所帮助。事实是，如果你的项目不是特别大，一般是用不着分拆的。如果项目大了，那就需要考虑分拆路由了。其实，这个操作并不复杂。当我们用 vue-cli 工具，创建一个新的 v...

 设置 Axios 拦截器我选用的 HTTP 请求套件是 axios。为了达到无痛刷新 token 的效果，我们需要对 axios 定义一个拦截器，用以接收我们刷新的 Token，代码如下：app.jsimport Vue from 'vue'import router from './router'import store from './store'import iVi...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构之前在项目中一直使用的是 element-ui但需要使用到流加载数据，这个 element-ui 中没有没关系，这个流加载 在layui 中有现成的，下面让我们使用 layui :官网：http://www.layui.com/demo: http://www.layui.com/demo/...

Mint UI基于 Vue.js 的移动端组件库官网： http://mint-ui.github.io/#!/zh-cn安装 mint-ui// 安装# Vue 1.xnpm install mint-ui@1 -S# Vue 2.0npm install mint-ui -Svuejs/src/components 目录下，新建目录和文件 mintui/art...

mint-ui是vue开发中常用的组件库，而loadmore 通常用于处理下拉加载与上拉加载坑1、页面渲染完，loadmore设置的上拉/下拉执行两次产生原因：loadmore设置中的auto-fill需要设置为false实现代码如下：<load-more :bottom-method="loadBottom" :bottom-all-loaded="isLoadAll" r...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构通过前面系统的学习，我相信大家都能够对 vue 项目有了一个基本的认知。现在是不是已经开始上手做自己的项目了呢？呵呵，当然这是极好的。但是我们一般用 vue 来制作管理后台，在制作管理后台的时候，不可避免的，我们需要用到富文本编辑器。我尝试过 github 上的若干富文本编辑器，虽然能够实现一部分需求，...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十）打包项目并发布到子目录》章节中，我们讲解了项目打包，默认，是打包在根目录下面的。当然，我们可以通过设置，打包到任意子目录中去。但是，我们之前的项目是没有引入资源的。比如，引入图片资源，js资源，或者字体图标之...

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述前言Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构2016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。本来写这一系列的博文只是为了给自己看的，但没想到的...

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（二）安装 nodejs 环境以及 vue-cli 构建初始项目Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述》中，我简要的说明了我为什么要写这个系列...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（二）安装 nodejs 环境以及 vue-cli 构建初始项目》中，我们通过安装 nodejs 系统环境，以及 vue-cli 脚手架工具，在执行完命令后，我们就已经将一个初始项目跑起来了。但是，我们的项目代码，...

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（四）调整 App.vue 和 router 路由前情回顾Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（三）认识项目所有文件》，我们已经重新整理了我们的目录结构，...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（四）调整 App.vue 和 router 路由》，我们通过配置基本的信息，已经让我们的项目能够正常的跑起来了。但是，这里还没有涉及到 AJAX 请求接口的内容。vue 本身是不支持 ajax 接口请求的，...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（五）配置 Axios api 接口调用文件》中，我们已经非常顺利的调用到了 cnodejs.org 的接口了。但是，我们可以注意到我们的 src/api/index.js 的第一句，就是：// 配置A...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇文章《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（六）将接口用 webpack 代理到本地》中，我们顺利的将接口代理到了本地。需要说明的是， cnodejs.org 的这套接口是没有跨域问题的，也就是说，本来我们是不需要代理到本地的。但是我们在实际的工作开...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（七）初识 *.vue 文件》中，我们队 vue组件应该有了一个简单的认识。如果你去看了官方文档的话，再看这篇博文会比较简单。如果你没去看，呵呵，恭喜你，我喜欢你这样的人。好，这章开始，真的得写点东西了。...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（八）渲染一个列表出来先》中，我们已经成功的把一个列表给渲染出来了。我们从文章中留下的引子 <router-link :to="'/content/' + i.id"> 应该知道，我们还是要做内容...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构通过上一章《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（九）再把内容页面渲染出来》的学习，我们其实已经完成了我们设想的项目的开发。但是，我们做好的这套东西，是基于 nodejs 开发的。而我们最终希望，我们开发的项目，生成好一堆文件，然后随便通过任何一个 http...

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构去年写的那一套东西，虽然我也写得非常的认真，但是其中还是有点绕了。当时水平不行。现在我重新整理出来的博文如下，希望对各位有所帮助。GITHUB 代码开源地址https://github.com/fengcms/vue-demo-cnodejsvue 学习小结本系列博文，在接口对接方面，只涉及...

Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构2017年8月补充本文由 FungLeo 原创，允许转载，但转载必须保留首发链接。https://blog.youkuaiyun.com/FungLeo/article/details/531710522016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了...