Vite笔记之24-vite处理跨域

跨域产生

浏览器同源策略，协议 域名 端口，会先发一个options请求

浏览器请求 ——-》 自己的服务器 ——〉 请求目标服务器。 ——》 返回到浏览器

vite的开发服务器

if (ctx.request.url.includes('/api')) {
	// 请求目标服务器
	const target = proxy.target
	// 进行重写路径
	const rewrite = str => str
	// 路径重写
	const result = await request(target + rewrite('/api'))
	ctx.body = result
}

server: {
    proxy: {
            '/api': {
                    target: '<http://www.baidu.com>',
                    changeOrigin: true,// 如果配置为true
                    rewrite: path => path.replace(/^api/, '')
            }
    }
},