Laravel Valet加载jQuery遭CORS策略拦截问题求助
解决Laravel Valet环境下加载jQuery CDN的CORS错误
首先明确:Laravel的config/cors.php配置仅作用于你的后端API接口,负责处理外部域名请求你的Laravel服务时的跨域权限,和你页面加载第三方CDN资源的跨域问题完全无关。你当前的错误是浏览器请求code.jquery.com时的跨域限制,和Laravel的CORS配置没有关系。
以下是具体解决步骤:
- 禁用浏览器干扰扩展:关闭所有可能影响CORS的插件(如CORS调试工具、广告拦截器、隐私防护插件),然后刷新页面重试。这类插件可能会篡改请求头,导致正常的CDN资源加载被拦截。
- 本地引入jQuery:直接下载
jquery-3.6.0.min.js到项目的public/js目录,然后替换页面中的引入代码为本地路径:
这种方式完全规避跨域问题,同时本地资源加载速度更稳定。<script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script> - 检查Valet HTTPS配置:确保你的本地域名
www.mydomain.test已通过valet secure命令启用有效HTTPS证书。无效的本地证书可能触发浏览器的安全策略异常,导致跨域检测误判。 - 清除缓存或使用隐私模式:清除浏览器缓存后重试,或者直接用隐私/无痕模式打开页面,排除旧缓存响应的干扰。
另外,你当前config/cors.php中的allowed_origins配置['*.socket.*','*.jquery.*']属于无效配置(因为它是允许这些域名请求你的后端,而非你的页面请求它们),可以根据实际后端API的跨域需求调整,比如改回默认的['*']即可。
内容的提问来源于stack exchange,提问作者Venelin
相关产品推荐
相关产品推荐

