跨域:
同源策略:浏览器的一种安全协议;协议、主机、端口号,只要有一个对不上,就会产生同源策略,从而产生跨域问题。
解决跨域(三种):
1、后端直接放开;不安全
2、JSONP:script标签不受同源策略影响,这个需要后端配合
3、配置代理(常用)
在vue.config.js中配置如下代码 ,然后重启项目
//配置代理
devServer: {
proxy: {
// 代理的名字
'/course-api': {
// 代理的地址
target: 'http://course.myhope365.com/api/',
// 是否跨域
changeOrigin: true,
// 路径重写
pathRewrite:{
"^/course-api":''
}
}
}
}
// http://course.myhope365.com/api/ 需要的网址
// 不用路径重写
devServer: {
proxy: {
// 代理的名字
'/api': {
// 代理的地址
target: 'http://course.myhope365.com',
// 是否跨域
changeOrigin: true,
// 路径重写
pathRewrite:{
"^/course-api":''
}
}
}
}