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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM