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
文件
{
// ......
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',
}
}
},
}
根据自己的需要进行配置路径
文章标题:Nuxt部署https上线之后,部分页面资源无法使用http访问
文章作者:未知用户
文章链接:[复制]
最后修改时间:2024年 06月 26日 14时34分
商业转载请联系站长获得授权,非商业转载请注明本文出处及文章链接,您可以自由地在任何媒体以任何形式复制和分发作品,也可以修改和创作,但是分发衍生作品时必须采用相同的许可协议。 本文采用CC BY-NC-SA 4.0进行许可。
Copyright © 2023--2025
豫ICP备2022014268号-1
我们历经沧桑,这样错过了一生最好的时光,错过了便是永远