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

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

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

    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)控制臺會顯示Success。如果使用webpack打包后打開網(wǎng)頁看的話 會出現(xiàn)錯誤

Uncaught SyntaxError: Unexpected token <

我是一個新手,想要請教一下為什么會出現(xiàn)這種情況

PS:以下是對Reactjs打包部分的代碼的補充

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')
);

因為只關(guān)注控制臺的輸出 所以render部分沒有輸出任何有用信息

回答
編輯回答
笑浮塵

怎么一會兒是控制臺,一會兒是打開網(wǎng)頁?

2017年7月27日 00:26