Nuxt部署https上线之后,部分页面资源无法使用http访问

25 年 01 月 18日星期六 (已编辑)

作者：未知用户

日常生活

这篇文章最后修改于 2025年 01月 18日 19时10分部分内容可能已不适用如有疑问请联系作者.

背景

Nuxt部署https上线之后使用http访问页面资源无法找到.页面空白

打开控制台，发现报错

Access to script at 'https://luox.online/_nuxt/QwVpg3Py.js' from origin 'http://luox.online' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

解决

于是网络上面冲浪了一波，找到了一个类似的issuesHow to resolve CORS issue in v3? #14598.

其中一位老哥的回答

代码

配置当前项目下的Nuxt.config.ts文件

ts 复制代码

{
  // ......
  routeRules:{
    '/_nuxt/**':{
      cors:true,
      headers:{
        'Access-Control-Allow-Origin':'*',
        'Access-Control-Allow-Methods':'GET, POST, PUT, DELETE, OPTIONS',
        'Access-Control-Allow-Headers':'Content-Type, Authorization, X-Requested-With',
        'Access-Control-Allow-Credentials':'true',
        'Access-Control-Max-Age':'86400',
        'Access-Control-Expose-Headers':'Content-Type, Authorization, X-Requested-With',
      }
    }
  },
}

根据自己的需要进行配置路径

查看效果

本站404页面

暂无目录信息

文章标题：Nuxt部署https上线之后,部分页面资源无法使用http访问

文章作者：未知用户

文章链接：[复制]

最后修改时间：2024年 06月 26日 14时34分

商业转载请联系站长获得授权，非商业转载请注明本文出处及文章链接，您可以自由地在任何媒体以任何形式复制和分发作品，也可以修改和创作，但是分发衍生作品时必须采用相同的许可协议。本文采用CC BY-NC-SA 4.0进行许可。

豫ICP备2022014268号-1

我们历经沧桑，这样错过了一生最好的时光，错过了便是永远