手机访问网站有问题

来源:9-11 增加退出登录功能

欧阳乔治

2022-04-20

老师您好,用户登出以及修改用户资料这些功能在做的时候,用chrome调试的时候都是正常的,但是用手机连wifi局域网登陆的时候就发现很多功能都用不了了。

<a-popconfirm
    cancel-text="No"
    ok-text="Yes"
    title="请确认是否退出?"
    @confirm="logout"
>
  <a-button style="color: white"
            type="danger"
  >
    退出登陆
  </a-button>
</a-popconfirm>
const logout = () => {
  console.log('退出登陆');
  // user.value.password = hexMd5(user.value.password + KEY);
  axios.get("/user/logout/" + user.value.token).then((res) => {
    const data = res.data;
    if (data.status === 10000) {
      message.success("登出成功!")
      store.commit("setUser", {});
      router.push('/');
      modalVisible.value = false;
    } else {
      message.error(data.msg);
    }
  })
}
const logout = () => {
  console.log('退出登陆');
  // user.value.password = hexMd5(user.value.password + KEY);
  axios.get("/user/logout/" + user.value.token).then((res) => {
    const data = res.data;
    if (data.status === 10000) {
      message.success("登出成功!")
      store.commit("setUser", {});
      router.push('/');
      modalVisible.value = false;
    } else {
      message.error(data.msg);
    }
  })
}

这2个图是用电脑CHROME登出时候的前后端的控制台,是正常运行的:
图片描述图片描述

但是用手机登陆网站登出时就会报错
图片描述
退出登陆
Network Error
at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16:15)
at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:117:14)

还有比如用户修改信息的页面也是,电脑chrome上面用手机模式访问也是可以把当前用户的信息带出来的,手机登陆进去是带不出已登陆用户的信息的。用户的信息都是保存在session里面用vuex读出的。相关截图:
电脑chrome的修改用户信息页面:
电脑chrome的修改用户信息页面
手机edge访问:
图片描述

写回答

1回答

甲蛙

2022-04-20

看下前端代码去访问后端地址是不是用127.0.0.1,这种会有问题,用手机的话,返回的是手机自己,要指定是电脑IP
下载视频          
0
1
欧阳乔治
非常感谢!谢谢老师,确实是地址的问题~~~~谢谢
2022-04-20
共1条回复

Spring Boot+Vue3前后端分离,实战wiki知识库系统

一课掌握前后端最火框架,更有职场竞争力

2530 学习 · 1674 问题

查看课程