您的位置:首页 > 财经 > 金融 > Vue62-配置代理-方式一

Vue62-配置代理-方式一

2025/1/8 5:44:50 来源:https://blog.csdn.net/qq_31532983/article/details/139787307  浏览:    关键词:Vue62-配置代理-方式一

一、业务场景

有两个服务器: 

二、可用的ajax请求 

推荐使用:axios。 

三、axios发送请求 

报错原因:跨域,违背了同源策略:协议名,主机名,端口号!

四、同源策略 

4-1、跨域请求问题的解决方式 

前端不用动,需要麻烦后端人员。

五、代理服务器的开启

1、nginx:反向代理服务器

2、借助vue-cli(四行代码)

5-1、配置代理服务器(vue.config.js)

改了 vue.config.js,需要重启vue项目!

5-2、修改请求接口 

改为代理服务器的端口=当前项目的启动端口 

5-3、两个注意细节

1、不能灵活的控制走不走代理!

代理服务器8080,不是将任何的请求转发给5000。比如:请求的资源代理服务器8080有,则不转发。

public文件夹=8080代理服务器的根路径

2、不能配置多个代理!

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com