Vue Ajax跨域请求实例详解

 更新时间:2017年06月20日 10:06:15   投稿:mrr  
这篇文章主要介绍了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跨域请求实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 详解el-table表头文字换行的三种方式

    详解el-table表头文字换行的三种方式

    本文主要介绍了el-table表头文字换行的三种方式,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • 基于Vue+element-ui 的Table二次封装的实现

    基于Vue+element-ui 的Table二次封装的实现

    这篇文章主要介绍了基于Vue+element-ui 的Table二次封装的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 解决vue更新路由router-view复用组件内容不刷新的问题

    解决vue更新路由router-view复用组件内容不刷新的问题

    今天小编就为大家分享一篇解决vue更新路由router-view复用组件内容不刷新的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue3模块创建runtime-dom源码解析

    vue3模块创建runtime-dom源码解析

    这篇文章主要为大家介绍了vue3模块创建runtime-dom源码解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • VUE中的v-if与v-show区别介绍

    VUE中的v-if与v-show区别介绍

    这篇文章介绍了VUE中v-if与v-show的区别,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-03-03
  • vue - vue.config.js中devServer配置方式

    vue - vue.config.js中devServer配置方式

    今天小编就为大家分享一篇vue - vue.config.js中devServer配置方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • 如何在vue中使用ant-design-vue组件

    如何在vue中使用ant-design-vue组件

    这篇文章主要介绍了如何在vue中使用ant-design-vue组件,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-01-01
  • vue3的组件通信&v-model使用实例详解

    vue3的组件通信&v-model使用实例详解

    props 主要用于父组件向子组件通信,再父组件中通过使用:msg='msg'绑定需要传给子组件的属性值,然后再在子组件中用props接收该属性值,这篇文章主要介绍了vue3的组件通信&v-model使用,需要的朋友可以参考下
    2024-05-05
  • Vue中构造数组数据之map和forEach方法实现

    Vue中构造数组数据之map和forEach方法实现

    数组操作是前端最重要的数据操作,构造数组数据,又是数组操作中很常见的,本文将梳理下map和forEach方法在Vue项目中的使用,感兴趣的朋友跟随小编一起看看吧
    2022-09-09
  • Vue入门之animate过渡动画效果

    Vue入门之animate过渡动画效果

    这篇文章主要介绍了Vue入门之animate过渡动画效果的相关资料,需要的朋友可以参考下
    2018-04-04

最新评论