小编mar*_*tin的帖子

我正在将我的反应应用程序从webpack-dev-server转换为nginx.

当我转到根网址"localhost:8080/login"时,我只得到一个404,在我的nginx日志中,我看到它正试图获取:

my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login" failed (2: No such file or directory), client: 172.20.0.1, server: , request: "GET /login HTTP/1.1", host: "localhost:8080"
my-nginx-container | 172.20.0.1 - - [12/May/2017:21:07:01 +0000] "GET /login HTTP/1.1" 404 169 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:53.0) Gecko/20100101 Firefox/53.0" "-"

我应该在哪里寻找解决方案？

我的路由器位反应看起来像这样:

render(

  <Provider store={store}>
    <MuiThemeProvider>
      <BrowserRouter history={history}>
        <div>
          Hello there p
          <Route path="/login" component={Login} />
          <App>

            <Route path="/albums" component={Albums}/>

            <Photos>
              <Route path="/photos" component={SearchPhotos}/>
            </Photos>
            <div></div>
            <Catalogs>
              <Route …

我有一个CSS网格布局,有一堆区域和一个照片容器.

我不知道如何:

1. 控制照片的大小,使其包含在网格区域内

2. 保持照片的宽度为100%(因此等于其容器)并缩放容器的高度以适合照片.基本上,当窗口变小时,照片的宽度变小,高度也变小 - 拉动标签,相册和旋转元素.

.container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 40vh 30vh 30vh;
  grid-gap: 10px;
  grid-template-areas: 
    "info    photo photo photo   photo" 
    "comment photo photo photo   photo" 
    "comment tag     tag   album rotate"
}

.photo {
  grid-area: photo;
  background: yellow;
}

.photo>img {
  object-fit: cover;
  width: 100%
}

.info {
  grid-area: info;
  background: pink;
}

.tag {
  grid-area: tag;
  background: teal;
}

.comment {
  grid-area: comment;
  background: green;
}

.album {
  grid-area: album;
  background: red;
}

.rotate { …

我是rspec的新手 - 据说它!

我正在尝试将jwt令牌传递给get请求.我看过几篇帖子说法语是:

get :endpoint, params: {}, headers: {}

这就是我的所作所为:

require 'rails_helper'
require "rack/test"
include Rack::Test::Methods

def authenticated_header(user, password)
  response = AuthenticateUser.call(user, password)
  { "Authorization" => response.result }
end

RSpec.describe Api::AlbumsController, type: :controller do
  it "returns albums" do
    get :index, params: {}, headers: authenticated_header("admin", "123")
    puts response.body
  end
end

但是我收到一个错误:

F.....

Failures:

  1) Api::AlbumsController returns albums
     Failure/Error: get "/index", params: {}, headers: authenticated_header("admin", "123")

     ArgumentError:
       unknown keyword: headers
     # ./spec/controllers/photos_controller_spec.rb:14:in `block (2 levels) in <top (required)>'

Finished in 0.44102 …

我真的不知道为什么我不能让它工作。所有的证据都反对它......情况是这样的：

我有一个数据网格和一个搜索面板。当搜索面板更改时，搜索参数会更新并用于更新数据网格。

触发链的事情是当用户更改搜索面板时。在我的组件中，我通过以下方式处理搜索面板更改：

  getPhotos(key, value) {
    const change = [{ key: key, value: value},{ key: 'page', value: 1}]
    this.props.dispatch(updateSearchParams(change))

    console.log('payload.searchParams', this.props.searchParams);

    this.props.dispatch(
      getPhotos(
        { context:this.props.params.context,
          searchParams: this.props.searchParams }
      )
    );
  }

因此，对动作创建者的两个调度调用形成了组件。问题是 searchparams 没有及时更新 getPhotos 调用，因此网格没有相应更新。

我认为调度调用是同步的——因此一个接一个。我想这是从组件到动作创建者，再到存储和减速器的往返行程，它“搞砸”了它。第一次调用不涉及任何异步调用。

这样做的“正确”方法是什么？请具体说明组件、动作创建者和减速器中的内容。

谢谢