JWT 账号登录 无法跳转 看图

来源:7-7 vue和jwt接口调试

姬寅

2017-09-05

http://szimg.mukewang.com/59ae732c0001251e07970114.jpg

后端根据前端 设置的 url

http://szimg.mukewang.com/59ae732c00012aa809350242.jpg

服务器地址 改成了 localhost 本地

http://szimg.mukewang.com/59ae732c0001180d15610834.jpg

测试了一下 jwt的账号获取 成功

http://szimg.mukewang.com/59ae732d00011af018801031.jpg

在前端登录账号 无法跳转到首页  不明白 请老师解答, 操作按照视频上面一步一步模仿来的


写回答

7回答

YOUNGFOREVER

2017-12-18

我跟了下调试信息,获取购物车商品的时候连的是老师上线项目的地址,返回了401.


修改一下:

//获取购物车商品

export const getShopCarts = params => { return axios.get(`${local_host}/shopcarts/`) }

这样返回404,就不会跑到401里跳到登录页面了


4
1
YOUNGFOREVER
如果再有页面有类似的跳转,就把axios下的index.js的401的代码注释掉。 如下: // http response 拦截器 axios.interceptors.response.use( undefined, error => { let res = error.response; switch (res.status) { case 401: // 返回 401 清除token信息并跳转到登录页面 // store.commit(types.LOGOUT); // router.replace({ // path: '/app/login', // query: {redirect: router.currentRoute.fullPath} // }) console.log('未登录!') case 403: console.log('您没有该操作权限'); // alert('您没有该操作权限'); case 500: console.log('服务器错误'); // alert('服务器错误'); } return Promise.reject(error.response.data) // 返回接口返回的错误信息 });
2017-12-18
共1条回复

NiRoa

2017-09-25

我的也是这个怎么解决的!

1
0

YOUNGFOREVER

2017-12-18

如果再有页面有类似的跳转,就把axios下的index.js的401的代码注释掉。 

如下: 

// http response 拦截器 

axios.interceptors.response.use( 

undefined, 

error => { let res = error.response; switch (res.status) {

 case 401: // 返回 401 清除token信息并跳转到登录页面 

// store.commit(types.LOGOUT); 

// router.replace({ // path: '/app/login', // query: {redirect: router.currentRoute.fullPath} // })

0
1
慕九州2288205
非常非常感谢。按照你的方法解决了这个问题。
2018-05-10
共1条回复

jessezwd

2017-09-26

我的问题已解决。按照bobby老师的建议,修改部分如下:

//szimg.mukewang.com/59c9f5850001f07d10800520.jpg

0
0

jessezwd

2017-09-24

同问。我把login.vue里的

 <input type="hidden" name="csrfmiddlewaretoken" value="ywSlOHdiGsK6VFB6iyhnB1B30khmz8SU">

删除了,还是不能跳转。

0
2
bobby
看上面同学的回答
2017-09-27
共2条回复

luointo

2017-09-18

这个问题怎么解决的?

0
2
bobby
看上面同学的回答
2017-09-27
共2条回复

bobby

2017-09-06

亲 你给我发个qq消息 我给你看看原因

0
2
bobby
回复
姬寅
我的qq 442421039 你在群里也能看到我
2017-09-08
共2条回复

Python前后端分离开发Vue+Django REST framework实战

Django REST framework课程视频,RESTFul API前后端分离开发

2906 学习 · 2491 问题

查看课程