vue解决跨域问题

在vue根目录下创建出vue.config.js

写入如下代码
以百度为例

module.exports = {
     
	devServer: {
     
		proxy: '代理服务器地址' 
	}
}
// 或者
module.exports = {
     
	devServer: {
     
		proxy: {
     
			'/api': {
     
				target: '代理服务器地址',
				ws: true // webscoket
				changeOrigin: true
			}
		}
	}
}

在要发送前端请求的页面使用

	created() {
     
	// 对应第一种代理时的请求方法
		var data = await axios.get('/接口地址')
	//对应第二种代理的请求方法
		var data = await axios.get('/api/接口地址')
	}

Warning

• 修改完配置文件要重新启动vue项目 不然代理不会生效