Question

我的目录中有文件test.html和test.php：

test.html：

"="

test.php

<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
</head>

<body>
<div id="root"></div>
<script type="text/babel">


class NameForm extends React.Component {

    componentDidMount(){
        var xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
                console.log(xmlHttp.responseText)
            }
        }.bind(this)

        xmlHttp.open("GET","test.php",true)
        xmlHttp.send(null)
        event.preventDefault()
    }

    render() {
        return (<div/>)
    }
}

ReactDOM.render(
    <NameForm />,
    document.getElementById('root')
);


</script>
</body>

我可以在网站上运行它们，但不能在我的计算机上运行，我希望能够在本地运行它们以进行测试。我试图通过在php文件中添加标头来解决此问题，但这仍然无法正常工作。我怎样才能解决这个问题？谢谢

本地运行html和php页面时避免跨源错误

0 个答案: