vue post html文件,vue中post请求使用form表单格式发送数据

接着上一篇博文讲post请求发送form表达格式的数据(VUE)，getSign(“username=” + _this.user.username + “&password=” + _this.user.password)代表的是算签名，下一篇博文讲。

new Vue({

el: '#app',

data: {

user: {},

result: {}

},

// 发送post请求时,不能发送 Content-Type: application/json;charset=UTF-8 这个格式,因为后台过滤器要进行处理签名

headers: {

'Content-Type': 'application/x-www-form-urlencoded', // 设置请求头为form表单格式

// 'Content-Type': 'application/json;charset=UTF-8'

},

methods: {

login: function () {

var _this = this;

axios({

method: 'post',

url: '/noauth/login' + getSign("username=" + _this.user.username + "&password=" + _this.user.password),

data: {

username: _this.user.username,

password: _this.user.password

},

transformRequest: [function (data) { // 将{username:111,password:111} 转成 username=111&password=111

var ret = '';

for (var it in data) {

// 如果要发送中文 编码

ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'

}

return ret.substring(0,ret.length-1)

}],

}).then(function (response) {

_this.result = response.data;

alert(_this.result.message);

localStorage.setItem("sbkjauth",response.headers["sbkjauth"]);

if (_this.result.status == "0201") {

var url = "/html/index.html";

axios({

method:"get",

url:url+getSign(),

headers:{

"sbkjauth":localStorage.getItem("sbkjauth")

},

}).then(function (resp) {

console.info(resp.data);

})

}

}).catch(function (reason) {

console.error(reason)

})

},

created: function () {

console.info("页面尚未加载完成!")

}

});

如果发现什么问题请留言，毕竟代码都是人写的难免会出错。