axios技术:
axios用来链接后台,执行ajax,封装了promise,处理了兼容性,地域回调,可以执行多个回调函数。可在node中发送http请求,自动转化json数据,防止XSRF攻击
请求方法:
axios.get(路径,参数)
axios.post(路径,参数)
axios.delete(路径,参数)
axios.head(路径,参数)
axios.put(路径,参数)
axios.patch(路径,参数)
axios.options(路径,参数)
axios.request(参数)
使用方式:
npm install axios --save 安装axios
npm install axios -S 安装axios
shift+鼠标右键 选择打开命令行窗口,直接打开指定路径位置
get请求方式:
axios.get(路径,{参数:值})
.then(function(res){
console.log(res.data)
th.arr=res.data
})
.catch(function(error){
console.log(error)
})
request请求方式:
axios.request({
url:"/api/News/new_list",
method:"get",
data:{type:3,page:20},
}).then(function(res){
console.log(res)
}).catch(error=>{console.log(error)})
request的参数:
url定义路径
method http请求方式
data 传给后台的变量
headers:{Content-Type:'application/json'} 自定义请求头
params:{type:3,page:20} 发送无格式对象体数据
timeout:1000 指定请求超时的毫秒数
withCredentials:true 跨域请求是否需要凭证
responseType:'json'服务器返回的数据类型
json,ArrayBuffer,blob,document,text,stream
responseEncoding:"utf8" 响应字符集
简答:前后端分离的思想
在前后端分离的模式中,后端看不到项目里的页面,后端给前端提供接口,前端通过后端提供的接口进行也米娜的展示。核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。在前后端分离的应用模式中 ,前端与后端的耦合度相对较低。在前后端分离的应用模式中,我们通常将后端开发的每个视图都称为一个接口,或者API,前端通过访问接口来对数据进行增删改查。
前后段分离的优点
(1)最大的好处就是前端JS可以做很大部分的数据处理工作,对服务器的压力减小到最小;
(2)后台错误不会直接反映到前台,错误接秒较为友好;
(3)由于后台是很难去探知前台页面的分布情况,而这又是JS的强项,而JS又是无法独立和服务器进行通讯的。所以单单用后台去控制整体页面,又或者只靠JS完成效果,都会难度加大,前后台各尽其职可以最大程度的减少开发难度。