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

相关推荐
GitNohup14 小时前
Spring boot处理跨域问题
java·spring boot·跨域
噢,我明白了3 天前
同源策略:为什么XMLHttpRequest不能跨域请求资源?
javascript·跨域
Flying900120 天前
Springboot 2.7+解决跨域问题,到底是在SpringBoot中添加拦截器还是修改Nginx配置
spring boot·nginx·跨域
蜗牛丨1 个月前
Go Vue3 CMS管理后台(前后端分离模式)
mysql·docker·go·vue3·axios·gin·jwt·分页·跨域·ant design vue·log·gorm·otp动态码登录·validator·模型绑定·权限判断
诗水人间1 个月前
前后端分离,解决vue+axios跨域和proxyTable不生效等问题
前端·javascript·vue.js·springboot·springsecurity·跨域·cros
Amd7941 个月前
Nuxt.js 应用中的 vite:serverCreated 事件钩子
中间件·开发·vite·日志·nuxt·跨域·钩子
汤米粥2 个月前
网络请求自定义header导致跨域问题
vue.js·跨域·cors
undefined&&懒洋洋2 个月前
解决跨域问题
前端·网络·后端·http·跨域·cors·1024程序员节
想要打 Acm 的小周同学呀3 个月前
跨域的解决方案
前端·跨域·请求
秋窗73 个月前
调用百度翻译API遇到的跨域问题解决方案
nginx·api·跨域