当前位置: 移动技术网 > IT编程>脚本编程>vue.js > Vue Ajax跨域请求实例详解

Vue Ajax跨域请求实例详解

2017年12月12日  | 移动技术网IT编程  | 我要评论

qingse5yuetian,邪能武者,订书机是谁发明的

一.设置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跨域请求实例详解,希望对大家有所帮助

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网