脚手架配置代理-解决跨域问题

327 阅读1分钟

脚手架配置代理

老是写错,记录一下!

vite 配置代理

image-20220619102811574.png

在 vite.config.js 中配置以下代码


server:{
    proxy:{
        // 表示以 /path 开始的请求会被转发到这儿
        '/path':{
            target:'域名',
            changeOrigin:true,
            // 因为 /path 是自己添加的,所以里去除一下
            rewrite:path=>path.replace(/^\/path/,"") 
			}
		}
	}

vue-cli 配置反向代理

image-20220619103529164.png

在 vue.config.js 中配置以下代码

devServer:{
    proxy:{
        '/path':{
            target:'域名',
            changeOrigin:true,
            pathRewrite:{
            		"^/path":''
				}
			}
		}
	}