小编Uni*_*our的帖子

在CRA 2.0中，package.json上的proxy属性不起作用。经过研究，我发现有一篇文章建议使用http-proxy-middleware。我在setupProxy.js客户端文件夹的src中创建了一个（反应侧）。包含以下代码

const proxy = require("http-proxy-middleware");
module.exports = function(app) {
  console.log("Setup proxy is ever called");
  app.use(proxy("/api/auth/google", { target: "http://localhost:5000/" }));
};

在那之后我该怎么办。我应该在哪里导入setupProxy.js文件。从那里接收app。

我正在尝试使用Bootstrap 4在屏幕尺寸较小(sm)时重新排序我的列.但是,它们在大屏幕尺寸上重新排序并保持在小屏幕上的原始位置.

当前代码:

    <div class="container">
                    <div class="row project-container" id="project1">
                       <div class="col-md-5 offset-md-1 order-sm-12">
                            <div class="project-description">
                                <h2>Meteor Shower</h2>
                                <span>Video Game,Unity Game Engine</span>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum 
                                Lorem ipsum Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, numquam. dolor sit, amet consectetur adipisicing elit. Sint, quidem.voluptates aut atque obcaecati unde. Repellendus eligendi soluta tempore similique sunt?</p>
                                <div class="visit-website">Visit Website</div>
                            </div>
                       </div>
                       <div class="col-md-5 video-container order-sm-1" >
                           <div class="videoWrapper">
                            <iframe width="560" height="315" src="https://www.youtube.com/embed/DzFfqFzir2o" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> …

我正在尝试使用 owl-carousel 插件制作轮播，但在显示点时遇到问题。尽管在 javascript 上启用了点，但它们并未显示。是猫头鹰旋转木马2的问题吗？我尝试在 owl-carousel 类中添加 owl-dots 类。它确实产生了一些结果，但显示了一个额外的点。这是适合您的小提琴： https: //jsfiddle.net/aoa9a457/ HTML：

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div id="testimonial-slides" class="owl-carousel owl-theme">
                        <div class="testmonial-slide-single-item text-center">
                            <img src="assets/image.jpg" alt="">
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae, excepturi?</p>
                            <h5>Sabal Parajuli<span>Infotech</span></h5>
                        </div>
                        <div class="testmonial-slide-single-item text-center">
                                <img src="assets/image.jpg" alt="">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae, excepturi?</p>
                                <h5>Sabal Parajuli<span>Infotech</span></h5>
                        </div>
                        <div class="testmonial-slide-single-item text-center">
                                <img src="assets/image.jpg" alt="">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae, excepturi?</p>
                                <h5>Sabal Parajuli<span>Infotech</span></h5>
                        </div>
                </div> …

我正在尝试使PrivateRoute组件做出反应。这是我的高阶部分。你能告诉我这是什么问题吗？

import React from "react";
import { Route, Redirect } from "react-router-dom";
import { connect } from "react-redux";

export default ({ component: Component, ...rest }) => {
  class PrivateRoute extends React.Component {
    render() {
      console.log("This is private route called");
      if (this.props.profile) {
        return (
          <Route
            {...rest}
            render={props =>
              this.props.profile.loggedIn === true ? (
                <Component {...props} />
              ) : (
                <Redirect to="/login" />
              )
            }
          />
        );
      }
    }
  }

  const mapStateToProps = state => ({
    profile: state.profile
  });
  return connect(mapStateToProps)(PrivateRoute); …