博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue下axios和fetch跨域请求
阅读量:5130 次
发布时间:2019-06-13

本文共 1213 字,大约阅读时间需要 4 分钟。

1.在config的index.js下面进行常用跨域配置代码; proxyTable: {   '/apis': {  //使用"/api"来代替"http://xxxx.cn"     target: 'http://xxxx.cn', //源地址 (接口域名)    changeOrigin: true, //改变源 (是否跨域)    pathRewrite: {       '^/apis': 'http://xxxx.cn' //路径重写 (正常请求接口的简写)      }   } }
2.利用axios的post方式组件内发起请求 this.$axios.post("/apis/test/testToken.php",{username:"hello",password:"123456"})        .then(res => {          console.log(res)        }).catch(err=>{          console.log(err)        })
3.这几个axios常用设置可在封装axios的api中写上也可以在main.js写上 axios.defaults.headers.common['token'] = "f4c902c9ae5a2a9d8f84868ad064e706"  //设置header里面的token依据需求设置axios.defaults.headers.post["Content-type"] = "application/json" //设置请求头可要可不要Vue.prototype.$http = axios //全局可要使用this.$http来发起请求
4.使用fetch API的形式请求接口数据  fetch("/apis/test/testToken.php", {        method: "post",        headers: {          "Content-type": "application/json",          token: "f4c902c9ae5a2a9d8f84868ad064e706"        },        body: JSON.stringify({ username: "henry", password: "321321" })      })      .then(result => {        console.log(result)        return result.json()      })      .then(data => {        console.log(data)      })

 

转载于:https://www.cnblogs.com/lhl66/p/8856815.html

你可能感兴趣的文章
linux history
查看>>
jQuery on(),live(),trigger()
查看>>
Python2.7 urlparse
查看>>
sencha touch在华为emotion ui 2.0自带浏览器中圆角溢出的bug
查看>>
【架构】Linux的架构(architecture)
查看>>
ASM 图解
查看>>
Date Picker控件:
查看>>
你的第一个Django程序
查看>>
grafana授权公司内部邮箱登录 ldap配置
查看>>
treegrid.bootstrap使用说明
查看>>
[Docker]Docker拉取,上传镜像到Harbor仓库
查看>>
javascript 浏览器类型检测
查看>>
nginx 不带www到www域名的重定向
查看>>
记录:Android中StackOverflow的问题
查看>>
导航,头部,CSS基础
查看>>
[草稿]挂载新硬盘
查看>>
[USACO 2017 Feb Gold] Tutorial
查看>>
关于mysql中GROUP_CONCAT函数的使用
查看>>
OD使用教程20 - 调试篇20
查看>>
Java虚拟机(JVM)默认字符集详解
查看>>