关于在本地启动跨域非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升级导致这种方法失效。

相关推荐
大飞哥~BigFei20 天前
新版chrome浏览器安全限制及解决办法
java·前端·chrome·安全·跨域
Benny的老巢1 个月前
Cloudflare Workers CORS 跨域问题排查与解决
跨域·cloudflare·cors·workers
LongtengGensSupreme1 个月前
后端设置了跨域但是还是提示跨域问题,原因是这里有两个独立的安全策略在起作用:Chrome和Edge浏览器安全策略强制修改方案
前端·chrome·edge·浏览器·跨域
源代码•宸1 个月前
goframe框架签到系统项目开发(补签逻辑实现、编写Lua脚本实现断签提醒功能、简历示例)
数据库·后端·中间件·go·lua·跨域·refreshtoken
勇气要爆发1 个月前
跨域 (CORS) 原理:浏览器的“尽职保镖”
网络安全·跨域·cors
钦拆大仁1 个月前
聊一聊跨域错误CORS
web·跨域
戎码江湖1 个月前
前端跨域状态共享的实现方案
跨域·跨域共享·cookie跨域共享
bkspiderx1 个月前
用Nginx解决HTTP跨域问题:两种实用方案详解
nginx·http·跨域·http跨域
源代码•宸1 个月前
goframe框架签到系统项目开发(用户认证中间件、实现Refresh-token接口)
数据库·经验分享·后端·算法·中间件·跨域·refreshtoken
清羽_ls2 个月前
Iframe嵌套网页
iframe·跨域