Vue的axios问题

通过vue-cli创建的项目，

用的是vue init webpack的方式创建的，使用到了axios，通过axios来获取数据。

分为三种情况问题：

        1、axios获取本地数据

        2、axios跨域获取（豆瓣）

        3、axios跨域获取（github）

1、axios获取本地数据

import axios from 'axios'
    export default {
        created() {
            let LocalAPI = "data.json"
            axios.get(LocalAPI).then( (response) => {
                console.log(response)
            },(response) => {
                console.log('error');
            })
            
        }
    }

浏览器端口报错：

 

解决方法：

本地文件读取的路径不正确

使用相对路径或绝对路径，绝对路径取决于你webpack里设置的根目录在哪获取本地数据