栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

springboot+vue开发跨域问题

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

springboot+vue开发跨域问题

背景

由于前后端分离开发,各自配置了不同的端口运行,属于跨域情况,会出现如下情况:

Access to XMLHttpRequest Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

通过搜索,确定用Nginx代理去解决这个问题。

一、下载Nginx

解压就能用。

二、修改配置

我是win,打开该配置文件并修改

这里的意思是对于路径包含/loginhanle的通通定位到localhost:3000

三、修改VUE项目

在这里使用相对路径,会默认补全如下:http://localhost:8000/loginhandle

接下来打包项目并将dist下的东西放到Nginx的html目录。

接下来运行Nginx,就可以看到成功访问了。
为保险起见,可在postman自测一下
本来我是在3000端口运行的,但

对8000访问依旧有结果,表面已经被代理了。
最终结果

我的前端打印出了返回结果。

结束
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/351338.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号