Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

about denpendence vue-resource #31

Closed
hainuo opened this issue Sep 29, 2016 · 5 comments
Closed

about denpendence vue-resource #31

hainuo opened this issue Sep 29, 2016 · 5 comments

Comments

@hainuo
Copy link

hainuo commented Sep 29, 2016

i found that if i cann't import vue-resource and use vue-resource by Vue.use(VueResource)
i'll get error like this this.options.http is undefinded;
so i think in the readme or doc ,you shoude add someline about this.

@websanova
Copy link
Owner

How are you importing it?

@hainuo
Copy link
Author

hainuo commented Sep 30, 2016

@websanova now i use 1.1.0-beta
there's a question about router and http;
i have a try

import Vue from 'vue';
import VueRouter from 'vue-router';
import VueAuth from '@websanova/vue-auth';
import VueResource from 'vue-resource';

Vue.use(VueRouter);
Vue.use(VueResource);

const Foo = { template: '<div>Foo</div>' };
const Bar = { template: '<div>bar</div>' };
const routes = [
  { path: '/login', component: Foo },
  { path: '/bar', component: Bar },
];
const router = new VueRouter({
  routes, 
});
Vue.use(VueAuth, {
  router,  //if i didn't use router like this , it will report error this.options.router  undefinded
  //http: VueResource,   //if use this or not use, it  will report error  this.options.http.interceptors is undefinded
});
const app = new Vue({
  router,
}).$mount('#app');
console.log(app);

so,how and defind the http variable .
and when i use 1.0.10-dev i just use Vue.user(VueResource) and didn't set http it will run well

@hainuo
Copy link
Author

hainuo commented Sep 30, 2016

i read the doc of vue-resource and found the usecase

Vue.http.interceptors.push((request, next)  => {
  // modify request
  request.method = 'POST';
  // continue to next interceptor
  next((response) => {
    // modify response
    response.body = '...';
  });
});

so i have try this

Vue.use(VueAuth, {
  router,
  http: Vue.http,
});

and it works not report errors;

so why use the this.$http in vue lifetime if this.$http was exist

@hainuo
Copy link
Author

hainuo commented Sep 30, 2016

sorry for the question, i know that this's not the same scop. i want to know why not using exist the http to apply a http definded by user. It would be appreciated if you would like to share.

@websanova
Copy link
Owner

Not really sure what the issue you're having exactly but glad it's working. Btw, the plugin does not use $http instance, it uses http directly, so not sure about your second question either.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants