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给干掉了。

proxy正向代理服务器

上一篇:工厂模式


下一篇:pandas 简单的 excel 处理