module.exports = {
// 本地服务的配置
devServer: {
//自动打开
open: true,
//热更新
hot: true,
//端口 port
proxy: {
//代理名称
'/course-api': {
//代理地址
// target: 'https://course.myhope365.com/api',
target: 'http://wkt.myhope365.com',
//路径重写
pathRewrite: {
'^/course-api': ''
}
},
'/api': {
target: 'https://course.myhope365.com/api',
pathRewrite: {
'^/api': ''
}
}
}
}
};
/*
1、优点:可以配置多个代理,且可以灵活的控制请求是否走代理。
2、缺点:配置繁琐,请求资源时必须加前缀。
*/
//配置代理有两个好处.
// 1.节约带代码量,方便后期维护
// 2.可以解决跨域问题
//了解一下什么是跨域?
// 在了解跨域之前先了解一下 浏览器的同源安全策略;
// 服务分为协议,主机,端口号.
//我们现在启动的项目是通过内存启动的. 自动生成localhost服务. 服务 主机 端口号与后端服务不一致. 所以会触发同源策略 就是所谓的跨域问题.
//那么问题来了? 为什么会有同源策略
// 1.为了防止恶意网页可以获取其他网站的本地数据。
// 2.为了防止恶意网站iframe其他网站的时候,获取数据。
// 3.为了防止恶意网站在自已网站有访问其他网站的权利,以免通过cookie免登,拿到数据。
// 那么引入今天的正题,为什么之前没有配置代理,也能请求到接口呢?
// 解决跨域问题有很多种方式,在以后工作中,大部分跨域问题都有后端开发来解决,他们做一个注解就能解决跨域问题.
// 那么后端帮助咱们解决了跨域问题,那咱们还用代理吗? 当然是要用的.