proxy正向代理服务器

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

 

这个的书写：

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

　　axios.defaults.baseURL = \'/apii\'

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

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

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

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

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