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