【无标题】

最新推荐文章于 2024-01-18 23:25:36 发布

Acrisabld

最新推荐文章于 2024-01-18 23:25:36 发布

阅读量79

点赞数

文章标签： proxy模式

本文链接：https://blog.csdn.net/Langlous2000817/article/details/127572610

版权

前端配置代理，解决跨域问题

跨域问题源自同源策略

一、使用 webpack/dev 配置跨域代理

这个是目前项目中主要的跨域方式

module.exports = {
 devServer:{
   proxy:{
    '/httpServer':{
        target: 'http://10.0.0.0：8080',//后台服务器地址
        changeOrigin: true,//target为域名时必须设置此项
        secure: false,//设置支持 https 协议的代理
        pathRewrite: {
            '^/httpServer': 'http://localhost:3000',//本地地址
        },
    }
 }
}

参数说明：
‘/httpServer’:捕获API的标志，如果API中包含’/httpServer’字符串，就会开始触发代理。
target:代理的跨域地址，就是需要被代理的跨域地址。可以是域名也可以是IP，如果是域名需要加上changeOrigin:true,否则代理无效
pathRewrite:重写路径，修改原始请求路径。
secure 设置为false的话支持https协议的代理