Vue Ajax跨域请求实例详解

一.设置config/index.js || proxyTable添加

proxyTable: {
'/api': {
target: 'http://192.168.48.239:8080/ydzl',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}

二.mian.js 添加vue全局属性

Vue.prototype.HOST = '/api'

三.如果是post的话

1.修改数据格式

transformRequest: [function (data) {
// Do whatever you want to transform the data
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
return ret
}],

2.修改请求头

headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}

以上所述是小编给大家介绍的Vue Ajax跨域请求实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

• 详解vue 中使用 AJAX获取数据的方法
• 详解vue与后端数据交互(ajax)：vue-resource
• 详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
• vue2 前后端分离项目ajax跨域session问题解决方法
• Vue-resource实现ajax请求和跨域请求示例
• Vue form 表单提交+ajax异步请求+分页效果
• vue实现ajax滚动下拉加载，同时具有loading效果(推荐)
• vue使用Axios做ajax请求详解
• Vue.js Ajax动态参数与列表显示实现方法
• 使用vue框架 Ajax获取数据列表并用BootStrap显示出来
• Vue.js展示AJAX数据简单示例讲解
• 详解Vue.js基于$.ajax获取数据并与组件的data绑定
• vue.js 表格分页ajax 异步加载数据
• Javascript vue.js表格分页，ajax异步加载数据
• 浅谈Vue.js应用的四种AJAX请求数据模式
• VUE 更好的 ajax 上传处理 axios.js实现代码
• Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
• vue发送ajax请求详解