vue4的vue.config.js解决跨域问题时，proxy的target无效原因

首先配置内容

// An highlighted block
// 跨域配置
module.exports = {
    devServer: {                //记住，别写错了devServer//设置本地默认端口  选填
        port: 9876,
        proxy: {                 //设置代理，必须填
            '/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
                target: 'http://localhost:9999',     //代理的目标地址
                changeOrigin: true,              //是否设置同源，输入是的
                pathRewrite: {                   //路径重写
                    '/api': ''                     //选择忽略拦截器里面的单词
                }
            }
        }
    }
}

先明白pathRewrite的作用是重写/api为空字符串.。

说明：
        是pathRewrite的问题，把它注释掉就好了，不过前端的调试窗口永远都不会显示你代理更改后的路径，而是显示原来的路径，这并不代表代理没生效，判断代理生没生效要通过看后端是否接收到前端发送的数据。

具体做法：

        我的是vue4，pathRewrite的加入导致proxy的target失效，注释掉pathRewrite，并且在后台的Controller接收路径前加上/api,重启前后端，再在前端发送请求，后端就可以收到请求了，不过前提是，后台的端口和接收路径是对的。