本地开发环境请求服务器接口跨域的问题
本地开发项目请求服务器接口的时候,因为客户端的同源策略,导致了跨域的问题
先演示一个没有配置允许本地跨域的的情况:
可以看到,此时我们点击获取数据,浏览器提示我们跨域了。所以我们访问不到数据
接下来我们演示设置允许跨域后的数据获取情况:
注意:配置好后一定要关闭原来的 server ,重新 npm run dev 启动项目。不然无效。
我们在 1 处设置了允许本地跨域,在 2 处,要注意我们访问接口时,写的是/ api ,此处的/ api 指代的就是我们要请求的接口域名。如果我们不想每次接口都带上/ api ,可以更改 axios 的默认配置 axios.defaults.baseURL = ' / api' ;这样,我们请求接口就可以直接 this. $ axios.get('app.php ? m = App & c = Index & a = index') ,很简单有木有 .