宝塔面板Nginx反向代理解决跨域问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了宝塔面板Nginx反向代理解决跨域问题相关的知识,希望对你有一定的参考价值。

参考技术A 主要使用nginx反向代理实现

api地址为: https://api.xxxx.com/v1/index.html

前端访问地址为: https://www.xxxx.com/

现在前端如果访问接口地址就会出现跨域的问题

配置如下

修改配置文件

完成以上设置就可以跨域访问了

nginx配置反向代理解决vue跨域问题

参考技术A 1、vue项目站点url

2、api接口url

3、在vue项目站点的nginx配置文件中添加:

仅以此记录,避免后续踩坑。

以上是关于宝塔面板Nginx反向代理解决跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

宝塔面板配置 vue生产环境和开发环境 反向代理---Nginx+Apache解决方案

宝塔面板反向代理快速设置

宝塔配置vue反向代理Nginx解决

如何在宝塔面板启用 ASP.NET CORE 网站并自动申请 HTTPS 证书

宝塔nginx 视频缓存

Nginx配置负载均衡