当前位置:首页 » JavaScript技术

vue ajax跨域请求

2017-06-19 10:22 本站整理 浏览(0)

一.设置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'
                    }