构建 vue有自己的脚手架构建工具vue-cli,使用起来非常方便,使用webpack来集成各种开发便捷工具,比如: 代码热更新,修改代码之后网页无刷新改变,对前端开发来说非常的方便 PostCss,再也不用去管兼容性的问题了,只针对chrome写css代码,会自动编译生成支持多款浏览器的css代码 Eslint,统一代码风格,规避低级错误,对于有代码洁癖的人来说是绝对的好东西,不过有些地方的代码校验有时候也挺麻烦的-.- bable,ES2015出来已经有一段时间了,但是不少浏览器还没有兼容E…
前言 今天正式开始写代码了,之前铺垫了很多了,包括 6 篇基础文章,一篇正式环境搭建,就是为了今天做准备,想温习的小伙伴可以再看看<Vue 基础入门+详细的环境搭建>,内容很多,这里就暂时不复习了,今天呢,咱们就说说用昨天创建的空项目来搭建一个简单的个人博客系统,首先先分析下整体工作流程,然后再动手写代码,主要涉及到 axios 和 vue-router 的相关概念,好啦,开始今天的讲解. 零.要完成的右下角褐色的部分 一.Vue 项目是如何运转的? 1.SPA的挂载页面 —— Index.h…
VUE2的单页应用框架有人分享了,多页应用框架也有人分享了,这里就分享一个单页和多页的混合应用框架吧,初现雏形,还有很多需要优化和改善的地方... 结尾有github地址. 项目结构 │ ├─build /* webpack的配置目录 */ │ ├─config.js /* 公共常量,用于配置文件 */ │ ├─utils.js /* 工具函数,用于配置文件 */ │ ├─webpack.base.conf.js /* 公共配置文件 */ │ ├─webpack.dev.conf.js /* 开…
4. 通过axios实现数据请求 vue.js默认没有提供ajax功能的. 所以使用vue的时候,一般都会使用axios的插件来实现ajax与后端服务器的数据交互. 注意,axios本质上就是javascript的ajax封装,所以会被同源策略限制. 下载地址: https://unpkg.com/axios@0.18.0/dist/axios.js https://unpkg.com/axios@0.18.0/dist/axios.min.js axios提供发送请求的常用方法有两个:axio…
在vue2.0里页面参数是 this.$route.query或者 this.$route.params 接收router-link传的参数. 在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转,所以有个方法就是在script标签里面写this.$router.push('要跳转的路径名'), 在写的时候发现这两个为什么不同,在控制台打出this的时候,发现$route和$router同时存在 $route为当前router跳转对象里面可以获取name.pa…
封装 axios 工具,编辑 src/api/index.js 文件 首先,我们要使用 axios 工具,就必须先安装 axios 工具.执行下面的命令进行安装 npm install axios -D 这样,我们就安装好了 axios 工具了. 新建了一个 src/api/index.js // 配置API接口地址 var root = 'https://cnodejs.org/api/v1' // 引用axios var axios = require('axios') // 自定义判断元素…
node.js的环境变量 process process 对象是一个 global (全局变量),提供有关信息,控制当前 Node.js 进程.作为一个对象,它对于 Node.js 应用程序始终是可用的,故无需使用 require(),是存在nodejs中的一个全局变量. 一般有三个环境,一是开发环境,二是测试环境,三是正式环境,每个环境都有一个接口地址. process.env process.env属性返回一个包含用户环境信息的对象.依靠这个我们就可以给服务器上打上一个标签.这样的话,我们就…
vue-resource2.0已经不再更新,所以vue2.0官方推荐使用axios来代替.实际项目也是应用上了vue+axios,然后就有了这么一段填坑的经历. 问题:axios使用post请求时,发送了两次,而get则正常.第一次请求不是正确的post请求,第二次才是正确的 调出谷歌开发者工具 image.png "Request Method: OPTIONS"什么鬼,post请求时,这里的"Request Method"居然不是post,而是这个OPTIONS…
npm run dev项目运行:$ git pull origin master 更新代码项目的提交代码git push -u origin master 这里就开始准备提交到网络上了 项目的地址git :http://124.42.103.222:9080/source/cake_pc/新媒传信:  ph 的地址:http://124.42.103.222:9080/ tortoiseGit的使用http://blog.csdn.net/renfufei/article/details/416…
### 前段时间我做的一个手机端H5项目,需要发送一个put请求.因为ajax现在用的人有点少了,而且公司里边都是用的axios,所以我也是用的是axios做的请求. ### 再开发的时候测试都没有问题当时我的地址是:    HTTP://192.168.10.201:8080  .经过我自测和同事的内部测试都没有问题了,就准备推测试平台了.测试平台的地址是   HTTPS://donlineexam.allhome.com  .结果刚一推就发现问题了,查了半天也不知道是哪里的问题,一直以为代码…