房地产门户网站建设,宁波全网营销型网站建设,小区网站建设,在建工程1、为什么会产生跨域#xff1f; 出于浏览器的同源策略限制。 同源策略#xff08;Sameoriginpolicy#xff09;是一种约定#xff0c;是浏览器的一种安全机…1、为什么会产生跨域 出于浏览器的同源策略限制。 同源策略Sameoriginpolicy是一种约定是浏览器的一种安全机制它阻止了不同域之间进行的数据交互如果缺少了同源策略则浏览器的正常功能可能都会受到影响。所谓同源即指在同一个域就是两个页面具有相同的协议protocol主机host和端口号port。
2、什么是跨域
当后端接口的url和页面的url的端口协议域名有一个或多个不同时就会产生跨域。 3、如何解决跨域
在vue.config.js文件中配置有的则在config文件夹下的index.js文件中配置。
在配置完成后还是报错跨域则重启编译器运行即可。
proxy: {/api: {target: http://192.168.1.36:8080,// 需要代理的后端接口changeOrigin: true, //开启代理在本地会创建一个虚拟服务端然后发送请求的数据并同时接收请求pathRewrite: {//重写匹配的字段如果不需要在请求路径上重写为/api: }}
} Proxy也称为网络代理什么是代理通俗来说就是一个中间商。官方说就是一种特殊的网络服务允许一个客户端通过这个服务与另一个网络终端一般为服务器进行非直接的连接一些网关、路由器等网络设备就具有网络代理功能。一般认为代理服务有利于保障网络终端的隐私或安全防止服务器被攻击。
4、axios封装
// 创建axios实例
const service axios.create({baseURL: /api,// 请求超时的时间timeout: 10000,
});
5、创建请求
export function getdeptinfo(){return request({url:/queryAllDeptAndIntroduce,method:GET,})
}
