react脚手架配置代理总结
react脚手架配置代理总结方法一
在package.json中追加如下配置
123456789101112131415"proxy":"http://localhost:5000"``` 说明:1. 优点:配置简单,前端请求资源时可以不加任何前缀。2. 缺点:不能配置多个代理。3. 工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源)## 方法二1. 第一步:创建代理配置文件
在src下创建配置文件:src/setupProxy.js 123456789101112131415161718192021222324252. 编写setupProxy.js配置具体代理规则: ```js const proxy = require('http-proxy-middleware') module.exports = function(app) { app.use( proxy('/api1 ...
垂直外边距重叠
问题子元素和父元素相邻的垂直外边距会发生重叠,子元素的外边距会传递给父元素,使用空的table标签可以隔离父子元素的外边距,阻止外边距的重叠
123456789101112131415<div class="box1 clearfix"> <div class="box2"></div></div>对应的样式:.box1{ width: 300px; height: 300px; background-color: #bfa;}.box2{ width: 200px; height: 200px; background-color: yellow; margin-top: 100px;}
解决措施通过设置父元素的before伪类来解决,display:table可以将一个元素设置为表格显示
12345.box1:before{ content: ""; /* displa ...