本文编写于 168 天前,最后修改于 135 天前,其中某些信息可能已经过时。

如果我们通过全局配置了,请求的数据接口 根域名,则 ,在每次单独发起 http 请求的时候,请求的 url 路径,应该以相对路径开头,前面不能带 / ,否则 不会启用根路径做拼接;

 Vue.http.options.root = 'http://vue.studyit.io/';

全局启用 emulateJSON 选项

 Vue.http.options.emulateJSON = true;

即post将可以省略第三个参数

this.$http.post('api/addproduct', { name: this.name }).then(result => {
            if (result.body.status === 0) {
              // 成功了!
              // 添加完成后,只需要手动,再调用一下 getAllList 就能刷新品牌列表了
              this.getAllList()
              // 清空 name 
              this.name = ''
            } else {
              // 失败了
              alert('添加失败!')
            }
          })

到此,这个简单案例就完成了基本操作!

更多相关系列教程请及时关注妙笔生花个人博客,本网站由皮皮家园终身维护!
1.Vue.js 是什么?起步及安装
http://blog.zh66.club/index.php/archives/474/
2.Vue.js 声明式渲染
http://blog.zh66.club/index.php/archives/476/
3.vue.js 条件与循环
http://blog.zh66.club/index.php/archives/477/
4.vue.js 处理用户输入
http://blog.zh66.club/index.php/archives/478/
5.vue.js实现跑马灯效果
http://blog.zh66.club/index.php/archives/479/
6.vue.js 事件修饰符
http://blog.zh66.club/index.php/archives/480/
7.vue.js 表单输入绑定
http://blog.zh66.club/index.php/archives/481/
8.vue.js 简易的计算器
http://blog.zh66.club/index.php/archives/482/
9.vue.js 中样式的使用
http://blog.zh66.club/index.php/archives/483/
10.vue.js 之 v-forkey 属性
http://blog.zh66.club/index.php/archives/484/
11.vue.js 内容的总结和回顾
http://blog.zh66.club/index.php/archives/485/
12.vue.js 中 v-if 和 v-show 的使用
http://blog.zh66.club/index.php/archives/486/
13.vue.js 品牌案例~列表的添加删除功能
http://blog.zh66.club/index.php/archives/488/
14.vue.js 品牌案例~列表的关键字检索功能
http://blog.zh66.club/index.php/archives/489/
15.vue.js 过滤器的基本使用
http://blog.zh66.club/index.php/archives/491/
16.vue.js 自定义一个私有的过滤器
http://blog.zh66.club/index.php/archives/490/
17.vue.js 过滤器以及 padStart 和 padEnd
http://blog.zh66.club/index.php/archives/499/
18.vue.js 自定义按键修饰符
http://blog.zh66.club/index.php/archives/500/
19.vue.js 自定义全局指令
http://blog.zh66.club/index.php/archives/501/
20.vue.js 自定义私有指令
http://blog.zh66.club/index.php/archives/502/
21.vue.js 指令函数的简写形式
http://blog.zh66.club/index.php/archives/503/
22.vue.js 生命周期函数演示
http://blog.zh66.club/index.php/archives/492/
23.vue.js 中 vue-resource 基本使用
http://blog.zh66.club/index.php/archives/493/
24.vue.js品牌列表-从数据库获取列表
http://blog.zh66.club/index.php/archives/506/
25.vue.js 品牌列表 - 完成添加功能
http://blog.zh66.club/index.php/archives/508/
26.vue.js 品牌列表 - 完成删除功能
http://blog.zh66.club/index.php/archives/510/
27.vue.js 品牌列表 - 全局配置数据接口的根域名
http://blog.zh66.club/index.php/archives/512/