我偶然发现将.cube-isometric {
transform: rotateX(-30deg) rotateY(-45deg);
transform-origin: 50% 50% 0;
}
/*************** STANDARD CUBE ***************/
.cube {
position: relative;
width: 200px;
margin: 0 auto;
transform-style: preserve-3d;
animation: cube-spin 5s infinite linear;
}
.cube div {
position: absolute;
width: 200px;
height: 200px;
background: rgba(38, 93, 79, 0.87);
box-shadow: inset 0 0 30px #c7ffb6;
font-size: 20px;
text-align: center;
line-height: 200px;
color: rgb(255, 255, 255);
font-family: sans-serif;
text-transform: uppercase;
}
.depth div.back-pane {
transform: translateZ(-100px) rotateY(180deg);
}
.depth div.right-pane {
transform: rotateY(-270deg) translateX(100px);
transform-origin: top right;
}
.depth div.left-pane {
transform: rotateY(270deg) translateX(-100px);
transform-origin: center left;
}
.depth div.top-pane {
transform: rotateX(-90deg) translateY(-100px);
transform-origin: top center;
}
.depth div.bottom-pane {
transform: rotateX(90deg) translateY(100px);
transform-origin: bottom center;
}
.depth div.front-pane {
transform: translateZ(100px);
}
和staging环境分开作为前端部分。
问题是，在构建Vue应用程序后，我需要将前端应用程序从production指向暂存后端，将stage指向生产后端（以便可以安全地测试前端和后端）。毕竟，将其从阶段推入生产环境还不错，而无需对代码进行任何进一步的更改。
应用程序结构现在的外观：
前端
后端（API）
据我所知，我的选择是：
production环境设置附加的.env文件并使用stage运行服务器