但是输出到页面就变成这样了。该如果解决。
注:网上很多都是使用post发送的例子,泹是我使用过程当中,就是参数有问题,一直报参数无法present的问题,后来看到这篇博客,需要引入QS对参数进行转换,且要设置Content-Type,这样就可以了,特别注意QS的功能:
这里笔者使用的是es6由于标题是要结合vue,因此将vue、axios以及vue-axios引入
就挑我们最熟悉的get和post来看看:
这里我们通过this.$http去调用axios,如果之前你的vue-resourse也是這么写的话那简直可以无缝切换。当然你你换成this.axios
也是没有问题的但扩展性就不好了。
这个post要重点说下有坑。
正常应该弹出“痞子达”但是并没有,还报了500错误
接口提示未定义数组索引: name
抓包看了看,是以Request Payload的形式传送了参数
不是我们熟悉的form-data形式,看看api:
第三个参数昰config配置这个配置应该可以做点事儿。这个config的参数有很多先看看(随便瞅下就行):
我们发现有一个headers参数那么对上面的代码修改:
后端打印出來是这样的:
这必须获取不到啊,那我们尝试将其转换为query参数
引入Qs,这个库是axios里面包含的不需要再下载了。
这才是我们熟悉的样子
泹是我们不能每次请求都写一遍config,太麻烦了
在入口文件main.js修改:
ok,以后发起http请求如下即可:
其他的用法和配置大家可以深入研究。
//向服务器端发送请求的方法
以上昰页面ajax提交的请求
双引号被转译了。。。。。。。。有没有高手遇见过类似情况