React跨域

1.安装http-proxy-middleware

$ npm install http-proxy-middleware

2. 创建setupProxy.js

在react项目的src目录下创建setupProxy.js

const {
      createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function (app) {
      
  app.use(
	  createProxyMiddleware('/api', 
	  	{
     target: 'http://localhost:3010', changeOrigin: true}
	  )
  )  
}  

createProxyMiddleware
第一个参数为要代理的路由
第二参数中target为代理后的请求网址，changeOrigin是否改变请求头

3.使用

const onFinish = (value) => {
     
    axios.get('/api/register',
      {
     
        params: value
      })
      .then((res) => {
     
      })
  }

这样就可以访问：http://localhost:3010/api/register