Nginx配置跨域访问
2020-01-15 10:39
585 查看
首先跨域访问问题在开发环境和生产环境是不一样的
在开发环境中通过代码设置proxyTable即可。
在生产环境中需要对Nginx的配置文件进行配置1.允许跨域访问;2.设置代理地址。
部署到Nginx中的源码中必须清除有关开发环境中的设置,尤其是api的baseUrl。根据自己vue的脚手架决定 如果直接设置api的baseUrl(没有相关环境配置)可将代码中baseUrl置空,然后再Nginx中的nginx.conf文件中t添加如下配置:
server{
listen 80;
server_name localhost;
#设置允许跨域访问
add_header ‘Access-Control-Allow-Origin’ ‘*’;
add_header ‘Access-Control-Allow-Credentials’ ‘true’;
location /api/ { #设置代理地址 proxy_pass http://ip:port/; }
}
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- Nginx跨域访问场景配置和防盗链详解
- windows下nginx 配置代理 解决浏览器跨域访问
- nginx配置允许跨域访问
- VUE在Nginx下配置跨域访问
- 阿里云服务器ECS Apache、Nginx 配置支持跨域访问
- Nginx通过CORS配置实现跨域访问
- Nginx允许跨域访问的配置问题
- AJAX跨域轻松配置nginx允许多个域名跨域访问
- nginx 配置 CORS 支持跨域访问
- 用反向代理nginx proxy_pass配置解决ie8 ajax请求被拦截问题 ie8用nginx代理实现跨域请求访问 nginx405正向代理request_uri
- NGINX的CORS--跨域访问配置
- nginx配置ssl证书实现https访问
- nginx域名访问的白名单配置梳理
- 4000 基于IP配置Nginx的访问权限-
- nginx 静态文件支持跨域访问权限
- TP3.2 Nginx下配置ThinkPhp多入口访问
- nginx限制单个IP访问配置
- nginx 配置禁止访问目录或文件
- Nginx配置server_name为域名后无法访问
- nginx配置好了不能访问