Vue中怎么利用Ajax实现跨域请求

  介绍

这篇文章给大家介绍Vue中怎么利用Ajax实现跨域请求,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

<强>一。设置配置/索引。js | | proxyTable添加

proxyTable:, {   ,,& # 39;/api # 39;:, {   ,,,,,目标:,& # 39;http://192.168.48.239:8080/ydzl& # 39;   ,,,,,changeOrigin:,真的,   ,,,,,pathRewrite:, {   ,,,,,,,& # 39;^/api # 39;:, & # 39; & # 39;   ,,,,,}   以前,,}

<强>二.mian。js添加vue全局属性

Vue.prototype.HOST =, & # 39;/api # 39;

<强>三。如果是帖子的话

1。修改数据格式

transformRequest:, (function (数据),{   ,,,,,,,,,//,Do  whatever 你want 用transform 从而数据   ,,,,,,,,,,,let  ret =, & # 39; & # 39;   ,,,,,,,,,,,for  (let  it 数据拷贝),{   ,,,,,,,,,,,,ret  +=, encodeURIComponent (it), +, & # 39;=& # 39;, +, encodeURIComponent(数据[它]),+,& # 39;,& # 39;   ,,,,,,,,,,,}   ,,,,,,,,,,,return 受潮湿腐烂   ,,,,,,,,,,}],

2。修改请求头

头:,{   ,,,,,,,,,,,& # 39;内容类型# 39;:,& # 39;应用程序/x-www-form-urlencoded& # 39;   ,,,,,,,,,}

关于Vue中怎么利用Ajax实现跨域请求就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

Vue中怎么利用Ajax实现跨域请求