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

相关推荐
Amd7946 天前
Nuxt.js 应用中的 vite:serverCreated 事件钩子
中间件·开发·vite·日志·nuxt·跨域·钩子
汤米粥1 个月前
网络请求自定义header导致跨域问题
vue.js·跨域·cors
undefined&&懒洋洋1 个月前
解决跨域问题
前端·网络·后端·http·跨域·cors·1024程序员节
想要打 Acm 的小周同学呀2 个月前
跨域的解决方案
前端·跨域·请求
秋窗72 个月前
调用百度翻译API遇到的跨域问题解决方案
nginx·api·跨域
闲来无事垂钓2 个月前
Node.js学习记录(二)
node.js·接口·express·路由·跨域·cors·jsonp
ZhaiMou3 个月前
前端跨域问题详解与解决方案指南
前端·ajax·面试·node.js·html5·js·跨域
努力学习的小宇同学3 个月前
普通项目解决跨域问题和springSecurity解决跨域问题
跨域
玛卡`三少3 个月前
《Web项目跨域请求后端Api设置Cookie失败问题?》
前端·跨域
爬山虎还上班4 个月前
Http自定义Header导致的跨域问题
http·跨域