前后端分离之Vue(三)爬过得那些坑

最新推荐文章于 2024-08-31 16:34:05 发布

原创

最新推荐文章于 2024-08-31 16:34:05 发布 · 置顶 · 6.9k 阅读

27 ·

CC 4.0 BY-SA版权

文章标签：

#Vue psot请求接收不到数据 #Vue 页面跳转 #Vue 参数传递 #Cannot read property 'post' of #Vue post请求，后台接收参数为null

本文记录了在Vue开发过程中遇到的Http请求问题，包括不支持http请求、post请求后台接收参数为null、跳转到空页面及Request请求变为Options的情况，并提供了相应的解决方法。此外，还介绍了Vue视图间的跳转实现、参数传递，以及提供了登录页面的Vue代码示例和项目源码链接。

爬过得那些坑

前言：在整个Vue的过程中，遇到了不少坑。查找不同的资料，把这些坑给填了，记录下这些坑，以及解决办法。

一、Http请求的那些坑

1.不支持http请求

表现为：程序启动正常，点击按妞不跳转，后台无响应，浏览器调试出现

Uncaught TypeError: Cannot read property 'post' of undefined

解决办法：添加vue-resource支持，在main.js添加

import  VueResource  from 'vue-resource'

Vue.use(VueResource);

2.post请求，后台接收参数为null

表现为：后台响应但是参数为null，正确的登陆失效，调试时，参数为from object

解决办法：http请求中，添加

{emulateJSON:true}

全部的Http请求部分代码为

_this.$http.post('http://localhost:8080/person/login', {
                username: _this.username,
                password: _this.password
          }
          ,{emulateJSON:true}
          )
            .then(function (response) {
              var