使用 WordPress API 反应应用程序 - 图像问题

Posted 2023-02-19

【中文标题】使用 WordPress API 反应应用程序 - 图像问题

【英文标题】：React Application with WordPress API - Image Issue

【发布时间】：2021-02-17 13:42:02

【问题描述】：

我不明白为什么这个 get 请求返回 404 错误。我已经在 Postman 中测试了 url！标题和摘录工作正常，但图像出错。有什么建议吗？

import React,  Component  from 'react';
import PropTypes from 'prop-types';
import axios from 'axios';

export class BlogItems extends Component  
    state = 
        imgUrl: '',
        isLoaded: false
    
    
    static propTypes = 
        blog: PropTypes.object.isRequired 
    

    componentDidMount()
        const  featured_media = this.props.blog;
      
        const getImageUrl = axios.get(`/wp-json/wp/v2/media/$featured_media`);
      
        Promise.all([getImageUrl]).then(res => 
            console.log(res);
            this.setState(
                imgUrl: res[0].data.media_details.sizes.medium.source_url,
                isLoading: true
            )
            console.log('ok-3')
        );
    

    render()
        const  title,  excerpt  = this.props.blog;
        const  imgUrl = this.state;

        return ( 
        <div>
            <img style=width: '100%', height:'100%' src=imgUrl alt=title.rendered />
            <h3>title.rendered</h3>
            <div dangerouslySetInnerhtml=__html: excerpt.rendered />
        </div>
        );
     




export default BlogItems;

【参考方案1】：

这是一个网址错误。 package.json 没有读取“代理”：“http://localhost:8000”。将其添加到网址后，它就起作用了！