空的或格式错误的授权标头。请提供 API 密钥或会话令牌。 400 错误请求错误

Question

我正在构建一个食品检测应用程序，并且我已经尝试了所有方法来消除这个错误！粘贴 url 时收到 400 bad request 错误。

这是显示错误的状态码：

> {"status":{"code":11102,"description":"Invalid request","details":"Empty or malformed authorization header. Please provide an API key or session token.","req_id":"7d399e162bb943f5848960862ccedbe9"}}

我的 App.js 是这个（没有包含导入部分和 api 密钥）：

      const app = new Clarifai.App({
          apiKey: "MY API KEY",
        });
        
        const particleOptions = {
          particles: {
            number: {
              value: 100,
              density: {
                enable: true,
                value_area: 800,
              },
            },
          },
        };
        
        class App extends Component {
          constructor() {
            super();
            this.state = {
              input: "",
              imageUrl: "",
              showModal: false,
              foodIngredients: [],
            };
          }
    
      onInputChange = (event) => {
        this.setState({ input: event.target.value });
      };
    
         onButtonSubmit = () => {
                this.setState({ imageUrl: this.state.input, showModal: true });
                app.models
                  .predict(
                    {
                      model_id: " bd367be194cf45149e75f01d59f77ba7",
                      version_id: "dfebc169854e429086aceb8368662641",
                    },
                    this.state.input
                  )
                  .then((response) => {
                    console.log("hi", response);
                    if (response) {
                      fetch("http://localhost:3000/image/", {
                        method: "put",
                        headers: { "Content-Type": "application/json" },
                        body: JSON.stringify({
                          url: this.state.input,
                        }),
                      })
                        .then((response) => response.json())
                        .then((response) => {
                          //response ingredient array
                          if (response.length <= 0) {
                            return this.setState({
                              input: "",
                              foodIngredients: [response],
                            });
                          } else {
                            this.setState({
                              input: "",
                              foodIngredients: response,
                            });
                          }
                        });
                    }
                  })
                  .catch((err) => {
                    console.log(err);
                    this.setState({ imageUrl: "" });
                  });
              };

  onModalShow = () => {
    this.setState({ showModal: false, foodIngredients: [] });
  };

  render() {
    const { input, imageURL, showModal, foodIngredients } = this.state;
    return (
      <div className="App">
        <Particles className="particles" params={particleOptions} />
        <div>
          <Logo />
          <ImageLinkForm
            urlInput={this.onInputChange}
            text={input}
            buttonClick={this.onButtonSubmit}
          />
          <FoodRecognition
            url={imageURL}
            show={showModal}
            canceled={this.onModalShow}
            foodIngredients={foodIngredients}
          />
        </div>
      </div>
    );
  }
}

export default App;

如果我需要添加或更改任何内容，请告诉我。

更新 更改 .predict 时出现新错误

app.models
      .predict(
        Clarifai.FOOD_MODEL,
        // {
        //   model_id: " bd367be194cf45149e75f01d59f77ba7",
        //   version_id: "dfebc169854e429086aceb8368662641",
        // },
        this.state.input
      )

错误：

App.js:55 PUT http://localhost:3000/image/ 404 (Not Found)
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

Answer 1

• 您正在使用已弃用的 Javascript REST SDK：https://github.com/Clarifai/clarifai-javascript

• 请务必使用 NodeJS gRPC 客户端：https://github.com/Clarifai/clarifai-nodejs-grpc 或直接调用 Clarifai API：https://docs.clarifai.com/api-guide/data/create-get-update-delete（参见“Javascript (REST)”sn-ps）