element-admin笔记

最新推荐文章于 2025-05-29 09:34:04 发布

原创最新推荐文章于 2025-05-29 09:34:04 发布 · 306 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了在Vue.js项目中如何解决前端与后端接口访问问题，特别是当后端服务端口号不同于前端时。通过在vue.config.js中配置代理，解决了非以'api'开头接口的404错误。同时，文章还展示了如何进行页面跳转并传递参数，使得在目标页面能够正确获取并使用这些参数。

1、无法访问到后端接口

未在vue.config.js配置代理，我后端服务的端口号是8088，后台页面是8013，然后我访问了不是api开头的接口一直报404，后面在vue.config.js里面加配置了wx这一个就可以了。如果没有配置的话你访问的后端端口号还是8013。
在这里插入图片描述

页面跳转

//页面跳转，query可以放要传入到下一个页面的值
this.$router.push({
     path: '/payList',
     query: {
            id: this.studentId
     }
});
//在下一个vue页面内的data中可以直接这样取
studentId: this.$route.query.id || '',