前言
ajax相信不用过多介绍了，作者坚信可以用配置解决的问题，请勿硬编码，下面话不多说了，来一看看详细的介绍吧。
axios是Vue官方推荐的ajax库,用来取代vue-resource。更多详细的基础知识可以参考这篇文章：
优点：
1. content-type配置
rush:js;">
// filename: content-type.js
module.exports = {
formData: 'application/x-www-form-urlencoded; charset=UTF-8',json: 'application/json; charset=UTF-8'
}
2. api 配置
rush:js;">
// filename: api-sdk-conf.js
import contentType from './content-type'
export default {
baseURL: 'http://192.168.40.231:30412',apis: [
{
name: 'login',path: '/api/security/login?{{id}}',method: 'post',contentType: contentType.formData,status: {
401: '用户名或者密码错误'
}
}
]
}
3. request.js 方法
{
api[item.name] = {
url: apiConf.baseURL + item.path,method: item.method,status: item.status,contentType: item.contentType,fire: fire
}
})
export default api
4. 在组件中使用
rush:js;">
import api from '@/apis/request'
...
api.login.fire({id: '?heiheihei'},{
username: 'admin',password: 'admin',namespace: '_system'
})
...
浏览器结果：
rush:plain;">
Request URL:http://192.168.40.231:30412/api/security/login??heiheihei
Request Method:POST
Status Code:200 OK
Remote Address:192.168.40.231:30412
Referrer Policy:no-referrer-when-downgrade
POST /api/security/login??heiheihei HTTP/1.1
Host: 192.168.40.231:30412
Connection: keep-alive
Content-Length: 47
Accept: application/json,text/plain,*/*
Origin: http://localhost:8080
contentType: application/x-www-form-urlencoded; charset=UTF-8
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML,like Gecko) Chrome/62.0.3202.94 Safari/537.36
Content-Type: application/x-www-form-urlencoded
Referer: http://localhost:8080/
Accept-Encoding: gzip,deflate
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
username=admin&password=admin&namespace=_system
5. 更多
有个地方我不是很明白，希望懂的人可以给我解答一下
如果某个组件中只需要login方法，但是我这样写会报错。
rush:js;">
import {login} from '@/apis/request'
这样写的前提是要在request.js最后写上
rush:js;">
export var login = api.login
但是这是我不想要的，因为每次增加一个接口，这里都要export一次， 这不符合开放闭合原则，请问有什么更好的方法吗？
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对编程之家的支持。
