Uni app cross domain configuration

uni-app Cross domain configuration

Create a new configuration file under the project root path vue.config.js

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

• port Is the browser running port
• /api Is to configure the cross domain interface prefix
• target Is the server address to be forwarded , That is, the actual requested server address
• changeOrigin Whether to change the source , If set to true If so, I will send the request header Of host Replace with target, But in the browser F12 It will not be replaced during the inspection , Only used on back-end servers request.header To see host Replacement , The browser side will not display the replacement
• pathRewrite Path rewriting , Generally, the differences manually added by the front end will be eliminated , If the front end does not use the prefix set by itself, there is no need to set