YanTianFeng的知识库

Want Coding

Want Reading

文章 89

访问 18443

评论 2

头像

YanTianFeng

发私信

文章 89
访问 18443
评论 2
Technology and Code
返回顶部

Knowledge  本地开发环境请求服务器接口跨域的问题

标签   跨域  

  ( 5 )       ( 0 )


本地开发环境请求服务器接口跨域的问题

本地开发项目请求服务器接口的时候,因为客户端的同源策略,导致了跨域的问题

先演示一个没有配置允许本地跨域的的情况:

可以看到,此时我们点击获取数据,浏览器提示我们跨域了。所以我们访问不到数据

接下来我们演示设置允许跨域后的数据获取情况:

注意:配置好后一定要关闭原来的 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') ,很简单有木有 .