鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ webpack 打包jsonp出現(xiàn)問(wèn)題

webpack 打包jsonp出現(xiàn)問(wèn)題

由于在nodejs中使用webpack打包前端代碼會(huì)出現(xiàn)跨域問(wèn)題,所以我嘗試使用jsonp進(jìn)行訪問(wèn),以下是我的代碼 非常簡(jiǎn)單

    superagent.get('http://baidu.com')
        .use(jsonp)
        .end(function (err, res) {
            if(err){
                console.log("Err")
            }
            else{
                console.log("Success")
            }
        });
      

奇怪的事情發(fā)生了。同樣一份代碼,使用node命令執(zhí)行的話(比如 node action.js)控制臺(tái)會(huì)顯示Success。如果使用webpack打包后打開(kāi)網(wǎng)頁(yè)看的話 會(huì)出現(xiàn)錯(cuò)誤

Uncaught SyntaxError: Unexpected token <

我是一個(gè)新手,想要請(qǐng)教一下為什么會(huì)出現(xiàn)這種情況

PS:以下是對(duì)Reactjs打包部分的代碼的補(bǔ)充

class App extends React.Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {
        superagent.get('http://baidu.com')
            .use(jsonp)
            .end(function (err, res) {
                if(err){
                    console.log("Err")
                }
                else{
                    console.log("Success")
                }
            });

    }
        render()
        {
            return (
                <h1>HELLOWORLD</h1>
            )
        }

}



ReactDom.render(
        <App />,
        document.getElementById('app')
);

因?yàn)橹魂P(guān)注控制臺(tái)的輸出 所以render部分沒(méi)有輸出任何有用信息

回答
編輯回答
笑浮塵

怎么一會(huì)兒是控制臺(tái),一會(huì)兒是打開(kāi)網(wǎng)頁(yè)?

2017年7月27日 00:26