小编Int*_*uin的帖子

使用 docker compose up -d 时等待特定容器

我正在尝试使用 docker 来管理用于测试应用程序的幕后内容，其中需要运行一些内容：mongo、redis、localstack、localstack 数据初始化，然后是应用程序。我在 Docker 之外本地运行该应用程序。为此，我正在运行docker compose up -d && node server.js，但问题是我无法执行附加操作，否则节点命令将永远不会运行，并且如果我执行分离操作，则数据初始化 ( setup-resources) 将不会在节点应用程序运行之前完成。

我的码头工人组成：

services:
    mongo:
        image: mongo
        ports:
            - "27017:27017"
    redis:
        image: redis
        ports:
            - "6379:6379"
        depends_on:
            - setup-resources
    localstack:
        image: localstack/localstack
        ports:
            - "4566:4566"
        volumes:
            - "${TMPDIR:-/tmp/localstack}:/tmp/localstack"
            - "/var/run/docker.sock:/var/run/docker.sock"
    setup-resources:
        build: docker_dev/setup
        restart: "no"
        environment:
            - AWS_ACCESS_KEY_ID=hidden
            - AWS_SECRET_ACCESS_KEY=hidden
            - AWS_DEFAULT_REGION=hidden
            - ROOT_BUCKET
            - DPS_ARTIFACTS_ROOT_BUCKET
            - THUMBNAIL_BUCKET
        depends_on:
            - localstack

Run Code Online (Sandbox Code Playgroud)

设置资源dockerfile：

FROM mesosphere/aws-cli
ENTRYPOINT []
ENV ROOT_BUCKET ""
CMD aws --endpoint-url=http://localstack:4566 s3 mb …

Run Code Online (Sandbox Code Playgroud)

docker docker-compose

Int*_*uin

lucky-day

5
推荐指数

1
解决办法

6765
查看次数

React Router URL 抛出参数错误

我正在尝试使用 react 路由器来拥有动态配置文件页面，最好将其放在斜杠中而不是像 ? URL 中的参数通配符。我正在寻找像/profile/{username}/而不是/profile?user={username}如果这有意义。

这是我用来尝试实现这一目标的路线；

<Route path="/profile/:name/" component={Profile}/>

Run Code Online (Sandbox Code Playgroud)

但是，当我尝试像 `/profile/jeff/' 或任何其他内容那样进入这条路线时，它会返回一个 bundle.js（webpack'd），它是一个空白的 HTML 模板，这出乎意料地出现在 bundle.js 中并抛出一个错误。知道如何解决这个问题吗？谢谢。

这是返回的 bundle.js；

<html>
<body style="margin:0px; padding: 0px;">
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
    <div id = "root" style="margin:0px; padding: 0px;"></div>
    <script src="bundle.js"></script>
</body>

Run Code Online (Sandbox Code Playgroud)

配置文件组件；

import React from 'react';
import styles from './profile.scss';
import astyles from './allpages.scss';

export default class Profile extends React.Component{
render(){

    console.log("hello!");

    const { match, location, history } = this.props

    console.log(location);
    console.log(match);
    console.log(history);

    return(
        <div className …

Run Code Online (Sandbox Code Playgroud)

javascript node.js reactjs webpack react-router

Int*_*uin

2017 11-15

2
推荐指数

1
解决办法

1696
查看次数

CSS min-height在firefox中不起作用

我工作的一个ReactJS应用程序,我想我的身体至少占据整个屏幕 - 用最小高度:100%,以高度:汽车要占屏幕是超过100%.这在firefox中不起作用,但在其他浏览器中工作.

左边是chrome,右边是firefox.

一切都是由一个与体型一样的div举行;

<div className={styles.body}>
   {this.props.children}
</div>

Run Code Online (Sandbox Code Playgroud)

我的scss:

.body{
display: block;
font-family: "Ubuntu", sans-serif;
margin: auto;
height: auto;    
min-height: 100%;
width: 100%;
background:
    linear-gradient(135deg, #696D7D 22px, #FAF5E3 22px, #FAF5E3 24px, transparent 24px, transparent 67px, #FAF5E3 67px, #FAF5E3 69px, transparent 69px),
    linear-gradient(225deg, #696D7D 22px, #FAF5E3 22px, #FAF5E3 24px, transparent 24px, transparent 67px, #FAF5E3 67px, #FAF5E3 69px, transparent 69px)0 64px;
background-color:#696D7D;
background-size: 64px 128px;
}

Run Code Online (Sandbox Code Playgroud)

css firefox sass reactjs

Int*_*uin

2017 11-16

0
推荐指数

1
解决办法

686
查看次数