邹平 建设项目 网站公示,目前企业常见的网络推广方式有哪些,收费用的网站怎么做,兰州网站推广优化1.定义 在浏览器尝试请求不同源#xff08;域名、协议、端口号不同#xff09;的资源时#xff0c;浏览器的同源策略会阻止这种跨域请求。#xff08;比如前端端口15500#xff0c;后端端口5050#xff0c;前端界面不可以直接调用5050端口#xff09;
2.解决方案 使用前…1.定义 在浏览器尝试请求不同源域名、协议、端口号不同的资源时浏览器的同源策略会阻止这种跨域请求。比如前端端口15500后端端口5050前端界面不可以直接调用5050端口
2.解决方案 使用前端代理前端发送请求时发到前端端口上15500通过webpack代理到后端端口5050上
3.效果
请求url /api/GetDatas实际请求url http://localhost:5050/api/GetDatas F12还是显示请求的是15500
4.配置方法 在\config\index.js中修改proxyTable
其实是本质上修改的是webpack.dev.conf.js的devServer:proxy变量
proxyTable: {/api: { //发送的请求中带有/api的则执行下面的代理规则target: http://localhost:5050, changeOrigin: true, //允许跨域设置pathRewrite: {^/api: /api } }
}实现原理
1.获取请求路径/api/GetDatas2.请求路径右边替换左边pathRewrite/api/GetDatas3.拼接target请求路径 http://localhost:5050/api/GetDatas
