什么是跨域?
跨域就是浏览器的同源策略(Sameoriginpolicy)引起的,跨域就是浏览器一个域名去另一个域名去请求数据,只要域名(http/https)、协议(127.0.0.1或www.baidu.com)、端口号(8080/5500)不一致的就是跨域。
举个简单的例子就知道了:
解决跨域:
在vue项目里创建一个vue.config.js文件,跟src是同级文件。然后在里面配置跨域
module.exports = ({
publicPath: './',// 配置相对路径
lintOnSave: env !== 'production',
devServer: {
host: '127.0.0.1',
//跨域
proxy: {
'/api': {
target: 'http://127.0.0.1:3000',//这里是后端给的真实地址
changeOrigin: true,//是否开启跨域,true:开启,false:关闭
ws: true,
pathRewrite: {
'^/api': ''
}
}
}
}
});