vue 打包后访问出现strict-origin-when-cross-origin
时间: 2023-08-27 09:16:03 浏览: 209
你好!关于你提到的 "strict-origin-when-cross-origin" 错误,它是浏览器的一种安全策略,用于阻止跨域请求。当你在访问一个跨域资源时,浏览器会发送一个预检请求(即 OPTIONS 请求),该请求需要服务器正确地设置跨域请求的响应头。
要解决这个问题,你可以在服务器端设置相应的响应头来允许跨域请求。具体来说,你需要在服务器响应中添加以下头部信息:
```
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Headers: Content-Type
```
上述头部信息表示允许任何域名的请求(Access-Control-Allow-Origin: *),并且允许的请求方法包括 GET、POST、PUT、DELETE 和 OPTIONS(Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS)。此外,你还可以根据需要设置其他的请求头(Access-Control-Allow-Headers)。
请注意,在生产环境中,你可能希望限制允许的域名,而不是使用通配符 "*"。这样可以提高安全性。
如果你使用的是 Vue CLI 进行打包,并且在开发环境中没有出现该错误,那么很可能是因为部署时服务器没有正确配置跨域请求的响应头。你可以与负责服务器配置的人员进行沟通,并提供上述的解决方案。
希望这个回答对你有帮助!如果你还有其他问题,请随时提问。
阅读全文