Vue+Springboot前后端分离项目中遇到的困难及解决方案总结（二）

参数传递问题

使用axios传递参数，在后端接收时的值为null。

解决方法

在传值是需要进行参数序列化。

使用vue提供的qs插件进行参数序列化。

安装qs插件

npm install qs

引入qs

//在main.js引入qs
import  qs from 'qs'

//配全局属性配置，在任意组件内可以使用this.$qs获取qs对象

 Vue.prototype.$qs = qs

使用qs进行参数序列化

  created() {
  console.log(this.$route.params.articleid)
  this.article.articleid=this.$route.params.articleid;
    this.$http.post("http://localhost:8989/myweb/article/findArticle",this.$qs.stringify(this.article)).then((res)=>{
      this.article = res.data.res;
    })
  }

标签：qs,Vue,Springboot,解决方案,参数,articleid,res,article,序列化
来源： https://www.cnblogs.com/haruna/p/14881090.html