小编j_q*_*lly的帖子

我有一些背景图片没有加载困难.我对初始创建反应应用程序做了一些重大修改,我的文件夹结构现在如下:

注意:我省略了一些文件和文件夹,如果您需要更多请告诉我.

App/
 node_modules/
 src/
  client/
   build/
   node_modules/
   public/
   src/
    css/
     App.css
    images/
     tree.png
     yeti.png
    App.jsx
  server/
 package.json
 Procfile

以下是我创建此问题的步骤:

$ cd src/server && npm run dev

这将启动开发服务器并打开浏览器到我的应用程序,一切正常,除了页面上的一些元素没有显示图像.

注意:我加载图片yeti.png,这很好.

App.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import './css/App.css';
import yeti from './images/yeti.png';

const Footer = function(props) {
  return (
    <div>
      <Yeti />
      <Trees />
    </div>
    );
};

const Yeti = function(props) {
  return (        
      <img
        src={yeti}
        className="yeti yeti--xs"
        alt="Yeti"
      />
    );
};

const Trees = function(props) …

当点击https://login.salesforce.com/services/oauth2/token 时，使用 Postman。

发布https://login.salesforce.com/services/oauth2/token

回复：

我收到一个令牌，但是当我尝试做一些像 GET /limits 这样简单的事情时，

获取https://na73.salesforce.com/services/data/v45.0/limits

答复是：

[
    {
        "message": "Session expired or invalid",
        "errorCode": "INVALID_SESSION_ID"
    }
]

奇怪的是，当我将所有凭据更改为使用不同电子邮件地址创建的免费“开发人员帐户”时，一切正常。除了来自任一帐户的值之外，所有请求和标头都完全相同。

在这里挖掘了很多线索后，我想也许我的生产帐户（我从现在开始发布的那个）没有启用 API。原来我的生产帐户是 API ENABLED。

我也试图改变https://login.salesforce.com/services/oauth2/token到https://na73.salesforce.com/services/oauth2/token一些线程建议，但只是超时。

比较两个帐户权限时，它们似乎相同，并且我确认我的凭据（客户端 ID、客户端机密、安全令牌、访问令牌）没有问题，所有这些似乎都被正确复制。

对销售人员菜鸟有什么想法吗？

我在使用jest和酶测试组件时遇到了一些困难.我想要做的是测试在名称字段中提交没有值的表单.这将确保组件显示错误.但是,当我运行其余的时,我在控制台中收到错误:

TypeError:无法读取未定义的属性"value"

我对前端测试和一般测试都很陌生.所以,我不完全确定我正在使用酶进行这种类型的测试.我不知道我的测试是否不正确,或者我是否刚编写了一个不易测试的组件.我愿意改变我的组件,如果这样可以更容易测试吗？

零件

class InputForm extends Component {
  constructor(props) {
    super(props);
    this.onFormSubmit = this.onFormSubmit.bind(this);
  }

  onFormSubmit(e) {
    e.preventDefault();
    // this is where the error comes from
    const name = this.name.value;
    this.props.submitForm(name);
  }

  render() {
    let errorMsg = (this.props.validationError ? 'Please enter your name.' : null);
    return (
      <form onSubmit={(e) => this.onFormSubmit(e)}>
        <input
          type="text"
          placeholder="Name"
          ref={ref => {
                 this.name = ref
               }}
        />
        <p className="error">
          {errorMsg}
        </p>
        <input
          type="submit"
          className="btn"
          value="Submit"
        />
      </form>
      );
  }
}
InputForm.propTypes = {
  submitForm: …

我正在尝试使用动态查询参数代理我的请求，但似乎收到 404 错误或根本没有响应。这是我迄今为止尝试过的：

'/services/app/details.json?id=*': {
    target: 'https://website.com/api/v1/potato/',
    changeOrigin: true,
    secure: true,
    pathRewrite: {
      '^/services/app/details.json?id=': '',
    },
}

我期待来自我的本地机器 ( /services/app/details.json?id=2189)的请求代理到https://website.com/api/v1/potato/2189但似乎id没有附加到目标请求并导致 404 错误。

我尝试使用该bypass方法自己附加 id，而没有给我任何响应对象。

'/services/app/details.json?id=*': {
    target: 'https://website.com/api/v1/potato/',
    changeOrigin: true,
    secure: true,
    pathRewrite: {
      '^/services/app/details.json?id=': '',
    },
    bypass(req, res, proxyOptions) {
      const id = (req.query.id ? req.query.id : '');

      const API = Object.assign({}, proxyOptions, {
        target: proxyOptions.target + id,
      });

      return API.target;
    },
}

有任何人对此有经验吗？

我正在运行Lumen(5.3)API,$ php -S localhost:8888 -t public当我通过邮递员点击任何端点时,它可以正常工作.但是,当我尝试卷曲localhost:8888/v1/auth/login时,我收到以下错误:

curl:(7)无法连接到localhost端口8888:连接被拒绝

在问这个问题之前我做了一些讨论,有些用户说我可能需要为我的一些路线启用CORS.所以我继续安装https://github.com/barryvdh/laravel-cors#lumen并将其应用到所有路线.

但是,我仍然无法从终端窗口点击任何端点.

最终目标

最终,目标是将响应应用程序的请求代理到流明后端,但我一直拒绝连接.

代理错误:无法将请求/ v1/auth/login从localhost:3000代理到http:// localhost:8888 /.有关更多信息,请参阅https://nodejs.org/api/errors.html#errors_common_system_errors(ECONNREFUSED).

是否有可能我在内腔中错误配置了句柄CORS中间件？

更新

我设法通过在请求中注入完整路径来响应应用程序向我的流明API发出请求.例如,/v1/auth/login现在不是路径http://localhost:8888/v1/auth/login.我设法通过添加mode: 'no-cors'到我的fetch 来使这个工作:

function login(userData, onError, cb) {
  return fetch('http://localhost:8888/v1/auth/login', {
    mode: 'no-cors',
    method: 'post',
    body: JSON.stringify(userData),
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    },
  }).then(checkStatus)
    .then(parseJSON)
    .then(cb)
    .catch(onError);
}

没有模式:没有人

理想情况下,我只想return fetch('/v1/auth/login', {在没有模式的情况下代理请求:no-cors但这似乎不起作用.知道为什么吗？

此外,curl的问题仍然存在.

我有一个使用https://github.com/tomchentw/react-google-maps的非常简单的react应用程序，但是我很难理解如何获取对当前地图的引用或如何访问google.maps.Map自定义组件中的对象。

我在存储库中找到了这个，但是看完这些帖子后，我仍然有些困惑。

我正在从DirectionsRenderer示例开始构建我的应用程序。

接下来，我要添加自己的自定义组件，以选择起点并使用Google Maps自动填充API。

是的，我知道该软件包已经包含用于此的组件，但我需要做的不只是在地图上搜索位置。

为了满足我的需求，我会做类似的事情

const autocomplete = new google.maps.places.Autocomplete(node);
autocomplete.bindTo('bounds', map);

node我绑定自动完成功能的元素在哪里，并且map是google.maps.Map对象的实例。

到目前为止，我的申请：

App.jsx

const App = ({ store }) => (
  <Provider store={store}>
    <div>
      <Sidebar>
        <StartingPoint defaultText="Choose starting point&hellip;" />
      </Sidebar>
      <GoogleApiWrapper />
    </div>
  </Provider>
);

GoogleApiWrapper

const GoogleMapHOC = compose(
  withProps({
    googleMapURL: 'https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,drawing,places&key=__GAPI_KEY',
    loadingElement: <div style={{ height: '100vw' }} />,
    containerElement: <div style={{ height: '100vh' }} />,
    mapElement: <div style={{ height: '100%' …