上面的这个报错大家都不会陌生,报错是说没有访问权限(跨域问题)。本地开发项目请求服务器接口的时候,因为客户端的同源策略,导致了跨域的问题。下面先演示一个没有配置允许本地跨域的的情况:
可以看到,此时我们点击获取数据,浏览器提示我们跨域了。所以我们访问不到数据。那么接下来我们演示设置允许跨域后的数据获取情况:
我们在1出设置了允许本地跨域,在2处,要注意我们访问接口时,写的是/api
,此处的/api
指代的就是我们要请求的接口域名。如果我们不想每次接口都带上/api
,可以更改axios的默认配置axios.defaults.baseURL = '/api';
这样,我们请求接口就可以直接this.$axios.get('app.php?m=App&c=Index&a=index')
,很简单有木有。此时如果你在network