proxy正向代理服务器

webpack会产生一个虚拟的服务器，今天在使用vite开发的时候也会有到，

这个的书写：

 devServer: {
        proxy: {
            // 明天去写个博客
            ‘/apii‘: {
                // 此处的写法，目的是为了 将 /api 替换成 https://www.baidu.com/
                target: ‘http://api.vikingship.xyz/api/‘,
                // 允许跨域
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    ‘^/apii‘: ‘‘
                }
            }
        }
    }

这个有一个收藏的博客可以看下就是用来解决 跨域的问题

changeOrigin这个参数是关键。是否跨域，之前前面看到一篇文章说跨域是用在开发环境中的，生产环境中不应该有跨域使用。

‘/apii‘这个不能够乱写，它代表着当请求接口含有这个前缀时它会产生出代理服务器，这个在前面axios.defaults.baseURL = ‘/apii‘

‘http://api.vikingship.xyz/api/apii‘
然后为什么都请求的时候又没了apii是因为

 pathRewrite: {
                    ‘^/apii‘: ‘‘
                }这个参数把apii给干掉了。

proxy正向代理服务器

原文：https://www.cnblogs.com/yuxinyu/p/14920803.html