websanova
commented
7 years ago Do you have any other interceptors in your app?
On Tue, Apr 25, 2017 at 8:56 AM, kyoukhana notifications@github.com wrote:
If I login and the user has permissions to access the vue route it keeps redirecting to 403
http://www.kevinyoukhana.com/admin/login app.js code
import Vue from 'vue' import VueRouter from 'vue-router' import VueAuth from '@websanova/vue-auth' import App from './components/app.vue' import mdl from 'material-design-lite' import VueMdl from 'vue-mdl' import axios from 'axios' import VueAxios from 'vue-axios' import VueResource from 'vue-resource'
Vue.use(VueRouter); Vue.use(VueMdl); Vue.use(VueAxios, axios); Vue.use(VueResource);
const router = new VueRouter({ hashbang: false, linkActiveClass: 'active', mode: 'history', routes: [{ path: '/', component: (resolve) => { require(['./components/views/home.vue'], resolve)} },
{ path: '/403', component: (resolve) => { require(['./components/views/forbidden.vue'], resolve)} }, { path: '/admin/login', name:'adminlogin', component: (resolve) => { require(['./components/views/admin/login.vue'], resolve)} }, { path: '/admin/dashboard', name:'dashadmin', meta: {auth: ['admin']}, component: (resolve) => { require(['./components/views/admin/dashboard.vue'], resolve)}, children:[ { path: '', component: (resolve) => { require(['./components/views/admin/dashboardHome.vue'], resolve)} } ] }] });
/Set VUE ROUTER / Vue.router = router;
//Vue.axios.defaults.baseURL = domainUrl; //Vue.axios.defaults.headers.common['X-CSRF-TOKEN'] = document.querySelector('#token').getAttribute('content'); Vue.http.headers.common['X-CSRF-TOKEN'] = document.querySelector('#token').getAttribute('content'); Vue.http.options.root="http://www.kevinyoukhana.com";
Vue.use(VueAuth,{ authRedirect:'/', auth: require('@websanova/vue-auth/drivers/auth/bearer.js'), http: require('@websanova/vue-auth/drivers/http/vue-resource.1.x.js'), router: require('@websanova/vue-auth/drivers/router/vue-router.2.x.js'), token: [{request: 'token', response: 'token', authType: 'bearer', foundIn: 'header'}], tokenName:'token', loginData: {url: 'api/auth', method: 'POST', redirect: 'dashboard'}, logoutData: {url: 'api/logout', method: 'POST', redirect: 'login', makeRequest: false}, fetchData: {url: 'api/account', method: 'GET' , enabled: true}, refreshData: {enabled: false} });
const app = new Vue({ router, ...App })
app.$mount('#app');
Libraries used
"@websanova/vue-auth": "^2.10.0-beta", "axios": "^0.15.3", "babel-core": "^6.24.1", "babel-eslint": "^7.2.1", "babel-loader": "^6.4.1", "babel-plugin-transform-object-rest-spread": "^6.23.0", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-es2015": "^6.24.1", "babel-preset-stage-2": "^6.24.1", "bootstrap-sass": "^3.3.7", "css-loader": "^0.23.0", "dropzone": "^4.3.0", "file-loader": "^0.9.0", "gulp": "^3.9.1", "image-webpack-loader": "^3.3.0", "jimp": "^0.2.27", "jquery": "^3.1.0", "laravel-elixir": "^6.0.0-9", "laravel-elixir-vue-2": "^0.2.0", "laravel-elixir-webpack-official": "^1.0.2", "lodash": "^4.16.2", "material-design-lite": "^1.3.0", "path": "^0.12.7", "responsive-loader": "^0.7.0", "style-loader": "^0.13.0", "svg-url-loader": "^1.1.0", "url-loader": "^0.5.8", "v-qrcode": "^1.0.3", "vee-validate": "^1.0.0-beta.10", "vue": "^2.2.6", "vue-axios": "^1.2.2", "vue-hot-reload-api": "^2.0.11", "vue-html-loader": "1.2.3", "vue-lazyload": "^1.0.3", "vue-loader": "^11.3.4", "vue-mdl": "^1.1.1", "vue-progressbar": "^0.7.1", "vue-resource": "^1.3.1", "vue-router": "^2.4.0", "vue-scrollto": "^2.4.2", "vue-strap": "^1.0.11", "vue-style-loader": "^1.0.0", "vue-template-compiler": "^2.2.6", "vue2-dropzone": "^2.2.5", "vuelidate": "^0.2.0", "vuex": "^2.3.0", "webpack": "^2.3.3", "webpack-dev-server": "^1.16.1"
Github repo
https://github.com/kyoukhana/jwtvue
— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/websanova/vue-auth/issues/150, or mute the thread https://github.com/notifications/unsubscribe-auth/ABkcyzz-KOIpJDKjv-UTgo7eQo_Iyrwaks5rzVLXgaJpZM4NG6Rc .
kyoukhana
If I login and the user has permissions to access the vue route it keeps redirecting to 403
http://www.kevinyoukhana.com/admin/login
app.js code
Libraries used
Github repo
https://github.com/kyoukhana/jwtvue