配置

使用全局配置设置默认值

  1. Vue.http.options.root = '/root';
  2. Vue.http.headers.common['Authorization'] = 'Basic YXBpOnBhc3N3b3Jk';

在你的Vue组件配置中设置默认值

  1. new Vue({
  3.   http: {
  4.     root: '/root',
  5.     headers: {
  6.       Authorization: 'Basic YXBpOnBhc3N3b3Jk'
  7.     }
  8.   }
  10. })

Webpack/Browserify（两种前端打包/构建工具）

在你项目中的package.json文件中添加vue和vue-resource依赖，然后在命令行中执行npm install，然后将如下代码拷贝到你的项目入口文件中。

  1. var Vue = require('vue');
  2. var VueResource = require('vue-resource');
  4. Vue.use(VueResource);

传统WEB服务器

如果你的WEB服务器不能处理编码为application/json的请求，你可以将emulateJSON选项配置为enable。然后Vue-resource会将发送的请求MIME类型设为application/x-www-form-urlencoded，就像一个标准的HTML表单提交的MIME类型一样。

  1. Vue.http.options.emulateJSON = true;

如果你的WEB服务器不能处理类似于PUT，PATCH和DELETE这种REST/HTTP请求，你可以将emulateHTTP选项配置为enable。这样将会通过设置HTTP Header（头部）为X-HTTP-Method-Override的方式携带上原始的HTTP请求方法，并且通过标准的POST方法发送请求。

  1. Vue.http.options.emulateHTTP = true;