关于在本地启动跨域非nodejs的前后端分离项目

目前的前后端分离,dev开发模式下,本地启动时会首先启动一个nodejs作为服务器,把本地网页启动起来,同时对后端的接口请求,可以经过proxy来实现,从而避免了浏览器的跨域检查。

但是有些陈旧的基于jquery+layui,但是又前后端分离了的项目,启动就没有nodejs支持了。在排除开历史倒车 ,把项目重新弄回前后端不分离的模式这个方案后。启动这种前端项目的方式就是

方案一:nginx

直接用nginx分别代理前端页面和转发后台接口请求,即可实现把前后端统一到一个域名下的目的。

方案二:nginx+chrome跨域设置。

1、nginx配置

2、chrome跨域设置

a> 创建chrome跨域快捷方式

把目标设置为:D:\Chrome\Application\chrome.exe --disable-web-security --user-data-dir=D:\MyChromeDevUserData

b> 设置SameSite策略,否则因为跨域请求接口,浏览器拒绝写入JSessionId

chrome://flags

我的chrome版本比较低,不排除后续chrome升级导致这种方法失效。

相关推荐
随风一样自由5 天前
React中实现iframe嵌套登录页面:跨域与状态同步解决方案详解
前端·react.js·前端框架·跨域
漂流幻境23 天前
Spring cloud gateway 跨域配置与碰到的问题
java·gateway·springcloud·跨域
linweidong1 个月前
VIVO前端面试题及参考答案
前端·跨域·localstorage·重绘·浏览器兼容·git管理·前端重构
尽兴-1 个月前
[特殊字符] 微前端部署实战:Nginx 配置 HTTPS 与 CORS 跨域解决方案(示例版)
前端·nginx·https·跨域·cors·chrom
一鹿有你们~3 个月前
面试题-前端如何解决跨域
前端·javascript·跨域
dangkei3 个月前
详细分析CORS 工作原理
前后端分离·跨域·cloudflare·worker
耀耀_很无聊6 个月前
03_跨域问题解决
java·spring boot·跨域·satoken
_r0bin_6 个月前
前端面试准备-7
开发语言·前端·javascript·fetch·跨域·class
小李李37 个月前
基于Node.js的Web爬虫: 使用Axios和Cheerio抓取网页数据
前端·爬虫·node.js·跨域
冲上云霄的Jayden8 个月前
Paddlex服务化代理处理跨域、替换Response中Json key
json·fastapi·代理·跨域·uvicorn·paddlex·服务化