nginx解决springcloud前后端跨域问题,同时配置ssl

简介: nginx解决springcloud前后端跨域问题,同时配置ssl

为了好管理我们在Nginx的配置文件nginx.conf最后面添加一条语句,Nginx目录根据实际情况自行修改

include /usr/local/nginx/conf/conf.d/*.conf;

这里的意思是引入conf.d目录下面的所有后缀为.conf的配置,这里应该也可以使用相对路径,Windows系统是可以的,Linux我没有测试,大家可以试一下。

然后在conf目录下面创建conf.d目录,并且在conf.d目录下面创建一个ssl.conf文件,内容如下

#配置443端口
server {
  # ssl配置
  listen 443 ssl;
  # 域名
  server_name www.xxx.com;
  #public key路径
  ssl_certificate /usr/local/ssl/xxx.com.pem;
  #private key路径
  ssl_certificate_key /usr/local/ssl/xxx.com.key;
  ssl_session_timeout 10m;
  ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
  ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
  ssl_prefer_server_ciphers on;
  location / {
    #配置前端项目路径
    root /home/www/admin/;
    try_files $uri $uri/ @router;
    index  index.html index.htm;
  }
  location @router {
    rewrite ^.*$ /index.html last;
  }
  location /api/ {
    # 后端的真实接口
    proxy_pass http://localhost:8080/;
    proxy_redirect off;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Scheme  $scheme;
    proxy_set_header   Cookie $http_cookie;
    # for Ajax
    #fastcgi_param HTTP_X_REQUESTED_WITH $http_x_requested_with;
    proxy_set_header HTTP-X-REQUESTED-WITH $http_x_requested_with;
    proxy_set_header HTTP_X_REQUESTED_WITH $http_x_requested_with;
    proxy_set_header x-requested-with $http_x_requested_with;
    client_max_body_size 100m;
    client_body_buffer_size 128k;
    proxy_connect_timeout 90;
    proxy_send_timeout 90;
    proxy_read_timeout 90;
    proxy_buffer_size 128k;
    proxy_buffers 32 32k;
    proxy_busy_buffers_size 128k;
    proxy_temp_file_write_size 128k;
  }
}
#当访问80端口时,转发至443
server {
  listen 80;
  server_name www.xxx.com;
  rewrite ^(.*) https://$server_name$1 permanent;
}

浏览器访问前端

https://www.xxx.com

前端访问后台接口的写法

https://www.xxx.com/api/接口名

这样同一个域名下就不会产生跨域了,同时也把https的域名配置好了

相关文章
|
6天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
69 0
|
1天前
|
负载均衡 前端开发 应用服务中间件
Nginx+Tomcat负载均衡配置_nginx做tomcat的负载均衡成功,但tomcat的css文件400
Nginx+Tomcat负载均衡配置_nginx做tomcat的负载均衡成功,但tomcat的css文件400
|
1天前
|
负载均衡 前端开发 应用服务中间件
Nginx+Tomcat负载均衡配置_nginx做tomcat的负载均衡成功,但tomcat的css文件400(2)
Nginx+Tomcat负载均衡配置_nginx做tomcat的负载均衡成功,但tomcat的css文件400(2)
|
2天前
|
负载均衡 安全 应用服务中间件
nginx配置ssl和反向代理的配置代码
【5月更文挑战第2天】nginx配置ssl和反向代理的配置代码
18 3
|
5天前
|
负载均衡 应用服务中间件 nginx
解决nginx配置负载均衡时invalid host in upstream报错
在Windows环境下,配置Nginx 1.11.5进行负载均衡时遇到问题,服务无法启动。错误日志显示“invalid host in upstream”。检查发现上游服务器列表中,192.168.29.128的主机地址无效。负载均衡配置中,两个服务器地址前误加了"http://"。修正方法是删除上游服务器列表和proxy_pass中的"http://"。问题解决后,Nginx服务应能正常启动。
38 4
解决nginx配置负载均衡时invalid host in upstream报错
|
6天前
|
应用服务中间件 nginx
nginx配置集群轮训策略
nginx配置集群轮训策略
421 0
|
6天前
|
安全 网络协议 应用服务中间件
一文读懂HTTPS⭐揭秘加密传输背后的原理与Nginx配置攻略
一文读懂HTTPS⭐揭秘加密传输背后的原理与Nginx配置攻略
|
6天前
|
XML SQL Java
SpringCloud 基础配置
SpringCloud 基础配置
13 0
|
6天前
|
应用服务中间件 PHP nginx
php如何实现检测nginx配置的正确性
请确保在执行此操作时,PHP有足够的权限来执行Nginx命令和访问Nginx配置文件。另外,将上述代码嵌入到您的应用程序中时,要注意安全性,以防止潜在的命令注入攻击。
55 3
|
6天前
|
应用服务中间件 网络安全 nginx
Nginx配置SSL证书时——nginx:[emerg]unknowndirectivessl错误
Nginx配置SSL证书时——nginx:[emerg]unknowndirectivessl错误
176 0