vue2.0开发环境下解决跨域问题

1、找到vue 项目下的配置文件 /config/index.js

2、找到 proxyTable 配置项

proxyTable: {
        '/api': {
            target: 'http://www.xxx.com', // 需要跨域请求的地址或者IP
            changeOrigin: true, //  表示是否跨域
            pathRewrite: {
                '^/api': '' // 表示需要rewrite重写的
            }
        }
    }

3、使用axios 发送请求

axios.get('/api/report/data.json').then((res) => { 
  console.log(res)
}).catch((err) => {
  console.log(err)
})

3、请求地址说明

实际请求地址是 http://www.xxx.com/report/data.json  需要把target配置项改 /api 在这里即  http://www.xxx.com

posted @ 2018-09-25 16:08  木头人_a  阅读(2607)  评论(3编辑  收藏  举报