uni-app跨域配置

uni-app跨域配置

在项目根路径下新建配置文件 vue.config.js

module.exports = {
    
	devServer:{
    
		port:'8080',
		disableHostCheck:true,
		proxy:{
    
			'/api':{
    
				target:'https://www.uinav.com/',
				changeOrigin:true,
				pathRewrite:{
    
					'^/api': '/api'
				}
			}
		}
	}
}

• port是浏览器运行端口
• /api 是要配置跨域的接口前缀
• target是要转发的服务器地址，即实际请求的服务器地址
• changeOrigin是是否更换源，如果设置为true的话会把请求header的host替换为target，但是在浏览器F12检查中不会替换，只有在后端服务器上使用request.header才能看到host的替换，浏览器端不会显示替换
• pathRewrite是路径重写，一般会把前端手动添加的区别性剔除掉，如果前端没有使用自己设置的前缀则无需设置