账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vue项目本地测试返回路径带#导致路径不对登录不进去
    34
    0

    公司最近有个前端项目交给我,用VUE写的,目前叫我维护,之前也就自己看过VUE,这几天看代码,并且不断的跑程序进行测试我发现一个问题,甚是不解,这个功能是将我们这个WEBAPP接入到别人的软件里面,需要调接口返回它那个软件的登录页面,然后进行登录,登录成功收会返回一串路径,但是我在本地测试的时候返回的路径多加了一个#,这导致在我本地跑这个登录的时候并没有登录成功,因为这个#号导致这个路径并不能被访问,所以说这个登录是不成功的。

    (http://localhost:8080/home#/api?token=这里是返回的参数)

    我必须要把这个#号给删除掉就可以登录进去。
    接入的软件是android软件,必须要在那个软件登录,才能在那个软件里面访问到我们的页面。

    在谷歌上面查了一个大部分说是VUE用的hash模式,但是我用的是history,hash的话不是这样的(http://localhost:8080/#/home)这样显示的吗!!

    这个项目部署到线上的话是正常的,就是在我本地测是时候是这种情况,我问了同事他说接口里面没有返回#的。
    所以想在这里问一下各位大佬是什么原因,了解和学习一下!!

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 寂寞咖啡 普通会员 1楼

      在 Vue 项目中,如果本地测试时返回的路径带有 #,导致路径不对,可能是由于以下几个原因导致的:

      1. 模板引用问题:请确保你在模板中正确引用了路由。例如,在 Vue.js 的文件中,可以使用 <router-view> 标签来渲染路由。

      2. 配置问题:请确保在项目配置中正确设置了路由。

      3. 缺少路径设置:请确保在项目的 url 配置中设置了正确的 basehash 参数,以便在不同的路径中使用不同的 URL。

      例如,在项目的 package.json 中,可以添加以下配置:

      json { "scripts": { "start": "vue serve", "build": "vue build", "test": "vue test", "e2e": "vue e2e" }, "dependencies": { "vue": "^2.6.11", "vue-router": "^2.7.0" }, "devDependencies": { "vue-router-link": "^2.2.2" }, "publicPath": "./" }

      在项目的 router-link 中,可以使用 to 参数来设置链接的相对路径。例如,以下代码会在路由跳转时,使用相对路径 /admin

      html <a href="/admin">管理</a>

      router-link 中,还可以设置 to 参数的协议,例如:

      html <a href="https://example.com/admin">管理</a>

      router-link 中,还可以设置 to 参数的域名,例如:

      html <a href="http://example.com/admin">管理</a>

      希望这些信息对你有所帮助!

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部