Vue中怎么利用Ajax实现跨域请求
这篇文章给大家介绍Vue 中怎么利用Ajax实现跨域请求,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
创新互联公司是一家专业提供高碑店企业网站建设,专注与做网站、网站建设、HTML5建站、小程序制作等业务。10年已为高碑店众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
一.设置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实现跨域请求
本文路径:http://scyanting.com/article/igihpp.html