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