(十)学习笔记--react使用 http-proxy-middleware解决跨域问题+ajax二次封装

1.http-proxy-middleware

第一步 安装 http-proxy-middleware

 

第二步 src下创建一个 setupProxy.js文件

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

module.exports = function (app) {
    // proxy第一个参数为要代理的路由
    // 第二参数中target为代理后的请求网址，changeOrigin是否改变请求头，其他参数请看官网
    app.use(createProxyMiddleware('/api', {
        target: 'http://192.168.0.83:8000',
        changeOrigin: true
    }))
}

第三步 start.js里面做一下配置

 

2.ajax二次封装

import axios from 'axios';
import { ZT_API_BASEURL } from '@/config/base';

/**
 * @func
 * @desc 统一接口封装
 * @param {any} options 请求参数
 * @param {string} options.url 请求地址
 * @param {string} options.method 请求方式
 * @param {