1、router 路 由编程式 传 参 ，一般两种方式。一种是query 传 参 ，另外一种则是params 传 参 。由于params 传 参 刷新 页面 ，会导致数据丢失。所以采用query 传 参 方式比较多，但当使用query 传 递对象，数组时， 刷新 页面 会报[ object Object ]，数据无法使用。 2、所遇问题： 首先打印下要 传 递的对象数据 这是要 传 递的 参数 ，先正常 传 参 在详情页接受 参数 控制台打印的数据，第一次可以接收到 f5 刷新 页面 ，控制台打印 单条数据可以无影响，对象无法获取，变为[ object Object ]。 6、前端src-utils-request中get 参数 处理部分对 参数 进行修改。3、在ResourcesConfig中添加 参数 解析器。7、同样在下载请求的时候添加对应 参数 处理。4、在Controller中添加注解。5、就可以对 参数 或者params。2、添加解析 参数 解析器。 解决办法： 一：不想复用的话，就在父组件的router-view上加个key（不推荐使用） <router-view :key="new Date().getTime()"></router-view> 但是 vue 为了提高性能不建议每次跳转都 刷新 组件 二：添加 路 由监听， 路 由改变时执行监听方法（推荐） meth... 传 参 ：JSON.stringify()let videoObj = JSON.stringify(obj); this.$router.push({ name: "playVideo", params: { video: videoObj }, 接收 参数 ：JSON.parse()this.video = JSON.parse(this.$route.params 监控$route 在 vue 项目中，假使我们在同一个 路 由下，只是改变 路 由后面的 参数 值，如果不监听 路 由 参数 值的变化， 页面 无数据 刷新 ，需手动 刷新 浏览器，这样做就不是我们的预期效果。 举例：当前 路 由为 /pjthome?pjtid=123456 mounted: function () { this.pjtid = this.$route.query.pjtid th... 如果 传 参 是一个`对象`，点击进入 页面 路 由可以获取对象的值；但是 刷新 页面 会导致获取不到对象值，被强制转换为字符串 `"[ object Object ]"`，导致数据不能使用。 通常我们需要通过 路 由携带需要 传 递的 参数 ，有以下三种写法： 1、地址后面直接带查询 参 如果我们只需要 传 递一个简单的 参数 ，可以采取这种写法，在 路 由配置中配置查询 参 ， 路 由跳转时添加查询 参 配置如下： path: '/test/:id', name: 'test', component: Test 跳转如下： this.$router.push({ path: `/test/${id}` 接收 参数 ： this.$route.params.id 2、params 传 参 this.$r vue 页面 路 由跳转时使用url中显示的query 传 参 ， 其中一个 参数 是对象， 页面 进入时能正确获取到此对象， 但当 刷新 页面 时，此 参数 值成了'[ object object ]'， 原因： String({})为"[ object Object ]"，对， 没错将对象转成了字符串， 同类型的问题都可以这样解决， 解决方案： 1. 传 递： &param=JSON.stringify(Ob... 关于这个错误，我先百度来着，但相关解决很少，而且是让修改浏览器中console的配置。 实际上，不一定console有问题呢。 先说代码长这样，是想用axios.get()去获得json数据： axios.get('http://xxx.xxx.xxx:8080/api/xxx?id='+this.user_id) .then( response => { // 就是这里需要我们尝试不同的语 1.问题描述 前后端分离项目中，前端 vue 项目的一个post请求接口 传 递json对象 参数 时， 传 递 变成 [ object %20 Object ]形式，且接口调用出错： 2.问题解决 经过一番挣扎之后，终于解决了问题。一开始压根没有注意到接口调用 传 参 格式问题，犯这种低级错误实在是不应该。 3. 传 参 规范 get请求 传 参 ： post请求 传 参 ： 4.修改之后成功调用