我的環(huán)境是 node webpack 使用的語言是react我嘗試著使用proxy代理,解決react經(jīng)過webpack打包后進(jìn)行axios請求存在的跨域問題這是我的webpack.config.js的代碼let path = require('path');let proxy = require('http-proxy-middleware')module.exports = { devServer: { historyApiFallback: true, port: 8080, proxy:{ '/v2': { target: 'http://api.douban.com', secure:false, changeOrigin: true, pathRewrite: { '^/v2': '/v2' } } } }, entry: ['./App/app.js'], output: { path: path.join(__dirname, '/dest'), filename: 'app.js' }, resolve: { extensions: ['.js', '.jsx', '.css'] }, module: { loaders: [ { test: /\.js|jsx$/, loaders: ['babel-loader'], exclude: /node_modules/ }, { test: /\.css$/, loaders:['css-loader'] }, { test: /\.(eot|woff|woff2|svg|ttf)([\?]?.*)$/, loaders: ['file-loader'] }, { test: /\.json$/, loader: 'json-loader' } ] }, node: { console: true, fs: 'empty', net: 'empty', tls: 'empty' }};這是我的react 的部分代碼 axios.post({ url: '/v2/movie/in_theaters', }) .then((res)=>{ //console.log(res.data) //data=res.data; this.setState({data:"success"}) }) .catch((err)=>{ this.setState({data:"err"}) })我通過設(shè)置state來判斷是否axios請求成功。結(jié)果網(wǎng)頁上顯示的是err,我打開chrome的開發(fā)者工具,顯示以下的錯誤:Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.我想請問一下是否是我的配置出現(xiàn)了什么問題呢。
使用webpack和React 進(jìn)行axios請求出現(xiàn)跨域問題
繁星coding
2019-03-21 18:15:09