【精选记录】在服务器中用nginx同一域名实现部署多个项目，并配置SSL证书，让其使用域名https方式访问，与后端交互时，https跨域问题解决（前后端分离），http访问自动跳转到https

已于 2024-07-13 10:57:37 修改
阅读量1.1k 收藏 29
点赞数 8
分类专栏： Nginx 文章标签： http 服务器 nginx https ssl
于 2024-07-09 17:31:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sc_csdn_l/article/details/140197985
版权

目录

简介

安装

配置

①http配置

②配置部分解释

③访问 

①https配置

申请证书

②配置部分解释

③访问

简介

"前后端分离配置"指的是将前端（通常是网页或移动应用的用户界面部分）和后端（服务器端的数据处理和业务逻辑）分开部署和管理的做法。在这种架构下，前端和后端可以独立开发、部署和扩展，彼此之间通过API进行通信。

具体来说，前后端分离配置包括以下几个方面的内容：

1. **前端部分**：包括HTML、CSS和JavaScript等文件，用来构建用户界面和实现用户交互。前端可以使用各种框架（如React、Angular、Vue.js等）来进行开发，前端开发人员关注于页面的呈现和用户体验。

2. **后端部分**：包括应用的服务器端代码，负责处理数据、逻辑和安全性等问题。后端可以使用各种语言和框架（如Node.js、Python的Django或Flask、Java的Spring等），后端开发人员关注于数据处理、业务逻辑和安全性。

3. **API设计**：前后端通过API（Application Programming Interface，应用程序接口）进行通信。后端开发人员设计和实现API接口，定义前端可以访问和使用的数据和功能。

4. **部署和扩展**：前后端可以独立部署，并且能够独立扩展和升级。这种分离的架构使得团队能够更灵活地进行开发和运维，前端和后端团队可以专注于各自的领域。

总体来说，前后端分离配置是现代Web开发中的一种架构模式，能够提高开发效率、增强系统的灵活性和可维护性，是许多大型应用和团队采用的一种最佳实践。

话不多说  我们直接在服务器上来部署一下!

安装

在服务器上先安装nginx服务

yum install nginx -y

这里其他的东西就不多说了  直接开始配置

配置

我们进入配置文件目录

在这个目录下   nginx.conf为主配置文件

[root@nginx ~]# cd /etc/nginx/
[root@nginx nginx]# ls
conf.d     fastcgi.conf          fastcgi_params          koi-utf  mime.types          nginx.conf          scgi_params          uwsgi_params          win-utf
default.d  fastcgi.conf.default  fastcgi_params.default  koi-win  mime.types.default  nginx.conf.default  scgi_params.default  uwsgi_params.default
 
 
#查看主配置文件，这里我复制一部分出来
[root@nginx nginx]# cat nginx.conf
# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/
 
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
 
# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;
 
events {
    worker_connections 1024;
}
 
http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
 
    access_log  /var/log/nginx/access.log  main;
 
    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 4096;
 
    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;
 
    # Load modular configuration files from the /etc/nginx/conf.d directory.
    # See http://nginx.org/en/docs/ngx_core_module.html#include
    # for more information.
    include /etc/nginx/conf.d/*.conf;

####################我们看到最后一行这个配置##############################

在nginx.conf文件中，include /etc/nginx/conf.d/*.conf; 这一行的作用是引入指定目录下所有以.conf为后缀的配置文件。具体解释如下：

- **include指令**: 在nginx配置文件中，include指令用于引入其他配置文件或者配置片段，使得配置文件的管理更加模块化和灵活。

- **/etc/nginx/conf.d/*.conf**: 这部分指定了要引入的文件路径。在Linux系统中，通常/etc/nginx/conf.d/目录下存放着nginx的配置文件。通配符*.conf表示引入该目录下所有以.conf为后缀的文件。

因此，这行配置的效果是将/etc/nginx/conf.d/目录下所有以.conf结尾的文件内容，合并到当前的nginx.conf配置文件中，以实现配置的扩展和模块化管理。

这说明可以在/etc/nginx/conf.d目录下建立*.conf的配置，作为Nginx的辅助配置，所以我们可以在conf.d目录下建立conf配置文件。

①http配置

我们首先用http的形式配置一下,不配置SSL

这里我前端打包前的.env文件的配置 ，VUE_APP_API_BASE_URL是Vue的关键后端请求地址也就是后端服务器地址。

因为不想客户端直接请求真实的后端IP+端口，我们可以通过nginx来做到路径代理！！！

可以依据我的配置修改一下

项目一

VUE_APP_API_BASE_URL=http://192.168.126.99/test1

项目二

VUE_APP_API_BASE_URL=http://192.168.126.99/test2

或

项目一

VUE_APP_API_BASE_URL=/test1

项目二

VUE_APP_API_BASE_URL=/test2

vi /etc/nginx/conf.d/http.conf

#编辑配置文件

#项目一
  server {
    listen 9999 ;

    server_name www.nginxtest.com;                     #域名,在虚拟机自己练习就写本机IP

    #前端
    location / {
      root /home/static/project1;                                   #前端文件路径
      index index.html;
      try_files $uri $uri/ /index.html;
    }

    #后端服务
    location /test1/ {
           proxy_pass http://192.168.126.99:9944/;        #这里是真实的项目一后端地址
           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-Host $http_host;
           proxy_set_header X-Forwarded-Port $server_port;
           proxy_set_header X-Forwarded-Proto $scheme;

  }

}

#项目二
  server {
    listen 8888 ; 

    server_name www.nginxtest.com;                         #域名,在虚拟机自己练习就写本机IP
    location / {
      root /home/static/project2;                                    #前端文件路径
      index index.html;
      try_files $uri $uri/ /index.html;
    }
    location /test2/ {
           proxy_pass http://192.168.126.99:9945/;                #这里是真实的项目二后端地址
           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-Host $http_host;
           proxy_set_header X-Forwarded-Port $server_port;
           proxy_set_header X-Forwarded-Proto $scheme;

   }

}
 

#在nginx中配置proxy_pass时，当在后面的url加上了/，相当于是绝对根路径，则nginx不会把location中匹配的路径部分代理走;如果没有/，则会把匹配的路径部分也给代理走。

看我上面的配置加了/ ,所以它直接会被代理到http://192.168.126.99:9944/ 这个url，也就是直接代理到我们的后端服务地址。

②配置部分解释

########################################################################

这里给大家解释一下项目一后端配置的含义，项目二同理

这段配置是nginx中关于反向代理的配置，具体解释每行的含义如下：

1. **location /test1/**:
   - 表示当请求以/test1/开头时，将会匹配到这个location块，nginx会对匹配到的请求进行相应的处理。
  
2. **proxy_pass http://192.168.126.99:9944/**:
   - 指定反向代理的目标地址为http://192.168.126.99:9944/，即当匹配到以/test1/开头的请求时，nginx会将请求转发给该地址。

3. **proxy_set_header Host $host**:
   - 设置发送到代理服务器的请求头中的Host字段为客户端请求的Host字段。

4. **proxy_set_header X-Real-IP $remote_addr**:
   - 将客户端的真实IP地址传递给后端代理服务器，作为X-Real-IP请求头的值。

5. **proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for**:
   - 将客户端的IP地址传递给后端代理服务器，作为X-Forwarded-For请求头的值，这样后端服务器可以知道请求的真实来源IP。

6. **proxy_set_header X-Forwarded-Host $http_host**:
   - 将客户端请求中的Host字段传递给后端代理服务器，作为X-Forwarded-Host请求头的值。

7. **proxy_set_header X-Forwarded-Port $server_port**:
   - 将nginx监听的端口号传递给后端代理服务器，作为X-Forwarded-Port请求头的值。

8. **proxy_set_header X-Forwarded-Proto $scheme**:
   - 将请求的协议类型（http或https）传递给后端代理服务器，作为X-Forwarded-Proto请求头的值。

总体来说，这段配置的作用是将以/test1/开头的请求转发给http://192.168.126.99:9944/，并且通过设置各种请求头信息，使得后端服务器可以获取客户端真实IP地址和其他信息。

③访问 

验证nginx配置是否正确

nginx -t

重启服务

systemctl restart nginx

或者重载配置

nginx -s reload

访问打开网站（别忘了放通端口！！！）

项目一

http://www.nginxtest.com:9999

项目二

http://www.nginxtest.com:8888

①https配置

随着流量的不断增加，安全性变得尤为重要，所以需要配置https访问代替https访问，以提高Web访问的安全性！

升级一下配置，我们现在配置https访问,配置SSL、前后端分离

这里得提前说明一下  后面配置可能会导致Vue与后端交互时，http与https跨域问题

#会有一个这个报错
but requested an insecure XMLHttpRequest endpoint 'http://xxx'. This request has been blocked; the content must be served over HTTPS.

所以我们在前端index.html文件中添加 

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

这里我是添加在utf-8的后面

接下来按照我下面的配置，就不会出现跨域问题了

首先我们需要生成证书和私钥，因为我是在服务器申请的，我直接把私钥和证书文件下载后上传到了nginx服务器上。这里给大家贴两个方法申请方法。

申请证书

服务器申请

2022阿里云免费SSL证书申请全过程（图文详解）-阿里云开发者社区 (aliyun.com)

最新阿里云服务器免费SSL证书配置HTTPS的两种方法（图文教程二）-阿里云开发者社区 (aliyun.com)

 虚拟机申请

当然，对于在虚拟机上自己练习或者操作的话可以用openssl生成证书文件，我这里给大家贴一个我之前写的文章中的申请步骤

搭建动态Web集群应用、构建高可用集群，配置nginx实现https负载均衡，NFS部署、LAMP服务部署（保姆级教程），建议收藏_web集群 负载均衡-CSDN博客

1、创建私钥
首先在Nginx服务器的根目录（/etc/nginx）下创建文件夹ssl，使用openssl命令生成私钥文件，名称为server.key

[root@nginx ~]# mkdir /etc/nginx/ssl
[root@nginx ~]# cd /etc/nginx/ssl
[root@nginx ssl]# openssl genrsa -idea -out server.key 2048
Generating RSA private key, 2048 bit long modulus
..........+++
........................+++
e is 65537 (0x10001)
 
#输入生成的私钥的密码123456，生成私钥文件server.key
 
Enter pass phrase for server.key:123456
Verifying - Enter pass phrase for server.key:123456
 
 
#上述命令中2048表示密钥长度,默认是512。


2、以server.key为私钥，生成自签证书server.crt
[root@nginx ssl]# openssl req -days 36500 -x509 -sha256 -nodes -newkey rsa:2048 -keyout server.key -out server.crt
Generating a 2048 bit RSA private key
...............................+++
......................................+++
writing new private key to 'server.key'
-----
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [XX]:cn
State or Province Name (full name) []:ln
Locality Name (eg, city) [Default City]:sy
Organization Name (eg, company) [Default Company Ltd]:school    
Organizational Unit Name (eg, section) []:computer
Common Name (eg, your name or your server's hostname) []:nginx
Email Address []:
 
     
（1）openssl req是一个 PKCS#10 证书签署请求和证书生成工具，req表示管理证书签名请求，这里是签名场景，所以用到new，表示生成一个CA证书文件或证书签名请求文件
（2）x509是CA证书专属的参数，表示用作证书签名
（3）key表示指定私钥文件
（4）-out表示输出的证书文件
（5）days表示证书的有效期
（6）keyout指定基于的私钥文件


填写生成证书的内容信息即自己的基本情况，填写完成后，在ssl目录下就生成了自己的私钥文件server.key和证书文件server.crt，证书文件其实就是签名的公钥，通过公钥加密、私钥解密的方法来对传输数据进行加密处理

[root@nginx ssl]# ls
server.crt  server.key

前后端配置

取消http配置文件

mv /etc/nginx/conf.d/http.conf /etc/nginx/conf.d/http.conf.bak

vi /etc/nginx/conf.d/https.conf

#接下来就是编辑后端服务配置文件

server {
        listen       443;                                                        #监听443端口，HTTPS默认端口
        server_name  www.nginxtest.com;                       #服务器名字，对应的域名
        ssl on;                                                                    #开启SSL
        ssl_certificate /etc/nginx/ssl/www.nginxtest.com.pem;                             #证书文件路径
        ssl_certificate_key /etc/nginx/ssl/www.nginxtest.com.key;                       #私钥文件路径
        ssl_session_timeout 5m;                                                #SSL会话超时时间
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;                          #使用SSL/TLS协议版本
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;  #支持的加密算法
        ssl_prefer_server_ciphers on;                               #优先使用服务器端的加密算法设置

#项目一后端配置

        location /test1/ {
           proxy_pass http://192.168.126.99:9944/;        #反向代理的后端地址
           proxy_set_header Host $host;                        #设置代理请求的中Host头部字段
           proxy_set_header X-Real-IP $remote_addr;    #向后端传递真实IP地址
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; #向后端传递原始客户端
           proxy_set_header X-Forwarded-Host $http_host;   #向后端传递原始的主机头部字段
           proxy_set_header X-Forwarded-Port $server_port; #向后端传递原始的服务器端口
           proxy_set_header X-Forwarded-Proto $scheme; #向后端传递原始的协议（HTTP或HTTPS）

  }

#项目二后端配置

        location /test2/ {
           proxy_pass http://192.168.126.99:9945/; 
           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-Host $http_host;
           proxy_set_header X-Forwarded-Port $server_port;
           proxy_set_header X-Forwarded-Proto $scheme;

   }

    # gzip压缩配置
    gzip            on;     #开启gzip压缩
    gzip_vary       on;   #根据请求头中的vary字段启用不同版本的页面压缩
    gzip_proxied    any;  #启用任何情况下的gzip压缩
    gzip_comp_level 6;   #压缩级别设置
    gzip_types      text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;   #压缩的文件类型
}

vi /etc/nginx/conf.d/httpsweb.conf

#最后编辑前端配置文件

#项目一

server {
    listen 9999;
    server_name  www.nginxtest.com; 
    ssl on;
    ssl_certificate /etc/nginx/ssl/www.nginxtest.com.pem;                             #证书文件路径
    ssl_certificate_key /etc/nginx/ssl/www.nginxtest.com.key;                       #私钥文件路径
    ssl_session_timeout 5m;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;

    error_page 497 https://www.nginxtest.com:9999;       #利用error_page命令将497状态码的链接重定向到这个域名上，这个可以实现输入http访问网站自动跳转到https
    location / {
      root /home/static/project1;                                    #前端文件路径
      index index.html;
      try_files $uri $uri/ /index.html;
    }
    # gzip
    gzip            on;
    gzip_vary       on;
    gzip_proxied    any;
    gzip_comp_level 6;
    gzip_types      text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;
  }

#项目二
server {
    listen 8888;
    server_name  www.nginxtest.com; 
    ssl on;
    ssl_certificate /etc/nginx/ssl/www.nginxtest.com.pem;                             #证书文件路径
    ssl_certificate_key /etc/nginx/ssl/www.nginxtest.com.key;                       #私钥文件路径
    ssl_session_timeout 5m;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;

    error_page 497 https://www.nginxtest.com:8888;       #利用error_page命令将497状态码的链接重定向到这个域名上，这个可以实现输入http访问网站自动跳转到https
    location / {
      root /home/static/project2;                                    #前端文件路径
      index index.html;
      try_files $uri $uri/ /index.html;
    }
    # gzip
    gzip            on;
    gzip_vary       on;
    gzip_proxied    any;
    gzip_comp_level 6;
    gzip_types      text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;
  }

########################################################################

这里需要注意的是nginx版本的问题，查看版本命令（nginx -V）这里我贴一部分给大家看看

在nginx版本低于1.15.1时应该这样开启SSL

server {
        listen       443;                                                        #监听443端口，HTTPS默认端口
        server_name  www.nginxtest.com;                       #服务器名字，对应的域名
        ssl on;                                                                    #开启SSL

当nginx版本高于1.15.1时应该这样开启SSL

server {
        listen       443 ssl;                                                        #监听443端口，HTTPS默认端口,开启SSL
        server_name  www.nginxtest.com;                       #服务器名字，对应的域名

②配置部分解释

部分配置说明:
listen 443:NGINX监听端口443，默认的HTTPS端口。

server_name www.nginxtest.com：与此服务器块关联的域名。

SSL配置:

ssl on：为该服务器块启用ssl。
ssl_certificate: SSL证书文件路径(www.nginxtest.com.pem)。
ssl_certificate_key: SSL私钥文件路径(www.nginxtest.com.key)。
ssl_session_timeout 5m：设置SSL会话超时时间为5分钟。
ssl_protocols TLSv1 TLSv1.1 TLSv1.2：允许的SSL/TLS协议。
ssl_ciphers：定义用于加密的密码列表。
ssl_prefer_server_ciphers on：指示优先使用服务器端的加密算法设置


Location /test1/{…}：定义一个匹配到/test1/的请求的位置块。
proxy_pass：将请求转发到http://192.168.126.99:9944/(替换为实际的后端URL)。
proxy_set_header：设置各种报头(Host, X-Real-IP, X-Forwarded-For, X-Forwarded-Host, X-Forwarded-Port, X-Forwarded-Proto)，将附加信息传递给后端服务器。

还可以在此块中添加其他代理设置，例如超时或缓冲选项。

Gzip配置:

gzip on;:开启gzip压缩。
gzip_vary on;:根据Vary请求头使用不同版本的压缩页面。
gzip_proxededany;:对任何请求启用gzip压缩。
gzip_comp_level 6;:设置压缩级别。
gzip_types:指定应该被压缩的MIME类型。


这些配置一起确保NGINX监听端口443上的HTTPS请求，提供适当的SSL证书，通过HTTP处理反向代理到后端服务器，并对指定的内容类型应用gzip压缩。根据您的具体设置调整路径、域和后端服务器地址。

③访问

验证nginx配置是否正确

nginx -t

重启服务

systemctl restart nginx

或者重载配置

nginx -s reload

访问打开网站（别忘了放通端口！！！）

项目一

https://www.nginxtest.com:9999

项目二

https://www.nginxtest.com:8888

总之，根据自己的环境进行配置，以上我的配置作为大家的一个参考！大家一起学习，如果有什么见解或有误的地方，欢迎在下方评论指出！！！

SC_CSDN_L
关注
  • 8
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前后端分离项目，开发和部署时，开启https访问的整体思路（详细步骤）
weixin_35676679的博客
11-14 6552
项目开启https访问的整体思路和过程。
windows下前后端分离项目配置ssl证书.md
12-27
阿里云ssl证书配置
Nginx配置前后端分离项目在同一IP端口或域名下
terence的博客
06-17 4762
前后端分离的架构已经被广泛采用。这种模式下，前端和后端会分别运行在不同的服务器或端口上。然而，有时我们需要把前后端部署在同一端口或同一域名下，这就需要利用到反向代理服务器，例如Nginx。在本文中，我将向大家展示如何利用Nginx将前后端分离的项目配置在同一端口或域名下。我将提供两个示例，分别是使用HTTP和HTTPS的配置，以帮助你理解和实践。
服务器上一个域名对应多个前端项目的nginx转发配置
涂涂
09-13 5176
2个前端项目，如何通过一个端口来访问，8001 端口代理 A项目，8002代理B项目。 访问8001,匹配到/app-h5 这个路径，就自动转发到8002 的B项目。剩余的所有路径，默认走8001的A项目。
docker 部署多个项目，用一个nginx,实现https服务，不影响本地部署的nginx
最新发布
qq_53066920的博客
03-12 362
昨天公司叫我上线一个项目，但是原先的服务器里面已经有nginx，而且里面的项目已经跑起来了。但是公司要把最新的项目部署到docker里面。之前我学习的docker只是部署一些同ip访问的项目，因此直接做端口转发就可以了。可是，这次要用到https服务，所以要用到端口转发，监听80和443。正如我之前说的服务器本地已经有一个nginx，并且里面的项目也在监听这个端口。如果使用自定义的bridge网桥，然后转发80端口，那么必然会报错端口被占用。
同一台服务器部署多个项目，实现不同域名访问
hamigua2016的博客
12-01 3911
场景： 同一台服务器部署两套项目，用到不同的域名。并且端口都是443默认端口。 解决办法： 1、配置nginx反向代理来解决。 2、登录阿里云后，进入SSL证书（应用安全），此证书需与域名绑定。然后下载对应的证书（选择Nginx下载方式）（此处，证书绑定的是二级域名） 3、将证书放到 D:\nginx-1.18.0\conf\cert目录下（cert 目录需新建），如下图： 4、配置nginx.conf文件如下：（注意：此处需要将http请求转发为https请求。确保请求不会为空路径） server{
Nginx完美解决前后端分离端口号不同导致的跨域问题
qq_42702331的博客
07-20 5562
nginx跨域问题，前端请求后端接口状态码为0
nginx 一个端口多域名服务方案
玖拾说架构
07-30 1万+
企业的公网IP只有一个的情况下，由于端口只允许给一个App进程占用，固无法提供多种web服务。windows下的IIS有匹配主机头的功能，其实也可以使用nginx来实现多域名服务方案。
Nginx如何配置多个服务域名解析共用80端口详解
zhangzhiping35的专栏
05-25 4446
前言 由于公司一台服务器同时有多个服务，这些服务通过域名解析都希望监听80/443端口直接通过域名访问，比如有demo.test.com和product.test.com。这时候我们可以使用nginx的代理转发功能帮我们实现共用80/443端口的需求。 备注：由于HTTP协议默认监听80端口，HTTPS协议默认监听443端口，所以使用浏览器访问80/443端口的服务时，可以忽略域名后的“ :80...
nginx 的多域名多https转发设置方法【转】
weixin_33943836的博客
05-10 241
version: 1.1(fixed) 修正一些错误基本环境：/etc/nginx/nginx.conf #保持/etc/nginx/ssl/    #ssl认证文件/etc/nginx/site-available  #VirtualHost设置区/etc/nginx/site-enable  #VirtualHost应用区基本设计：让nginx支持多域名（包括二级域名），并自动跳转到https...
Nginx转发解决前后端分离项目跨域请求（超详细）
此生不换的博客
01-21 1万+
最近在学习前后端分离，前端使用vue，后端使用spring+boot，前端学习到了发送请求，就测试了一下发送天天基金的接口，发现报了个跨域请求的错，如下图 什么是跨域请求呢？ 通过查找，找到了这个，可以参考一下并了解一下： 跨域No 'Access-Control-Allow-Origin' header is present on the requested resource._小花生编程-CSDN博客 这篇博客讲解了三种解决方法，针对如果后端项目不是自己整的，建议使用方法三，通过ng..
ngnix做Https访问设置及依据URL后缀分流访问
小蚂蚁
12-19 1841
#user nobody; worker_processes 4; error_log logs/error.log; error_log logs/error.log notice; error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024
nginx 安装（支持https 多域名证书+支持TCP端口转发）
兰辉
12-18 3419
1、环境准备：先安装准备环境 [root@nginx ~]#yum install gcc gcc-c++ automake pcre pcre-devel zlip zlib-devel openssl openssl-devel 2、下载nginx 安装包： 官网地址：http://nginx.org/ 现在就是Nginx和OpenSSL的安装与配置(这里注意，一...
nginx实现四层负载均衡
人丑就要多读书的博客
08-20 2990
文章目录一、四层负载均衡（TCP层）1.1 什么是四层负载均衡1.2 四层负载均衡应用场景1.3 四层负载均衡优缺点1.4 nginx四层与LVS四层的区别二、四层负载均衡场景实践2.1 配置示例2.2 实现TCP协议负载均衡2.3 基于端口映射，实现跳板机 一、四层负载均衡（TCP层） 1.1 什么是四层负载均衡 所谓四层就是基于IP+端口的负载均衡，它通过用户请求的端口来决定将请求转发至哪台后端服务器。就是通过第三层（网络层）的IP地址并加上四层（传输层）的端口号，来决定哪些流量需要做负载均衡。对需要负
This request has been blocked； the content must be served over HTTPS.
米诺有糖吃
06-01 1万+
This request has been blocked;
this request has been blocked;the content must be served over https
止于至善
07-19 2万+
1、错误： this request has been blocked;the content must be served over https 2、遇到错误的情况： 在github page搭建自己写的页面时。搭建成功后，访问自己的页面返回的错误。我的页面阻止的是jQuery的官网引入的jQuery。 &lt;script src="http://code.jquery.com/jqu...
网页访问报错This request has been blocked; the content must be served over HTTPS.
热门推荐
yan_dk的专栏
07-01 3万+
问题：网页有时访问https网站，由于网站中一些资源是http的，网页执行会报错“This request has been blocked; the content must be served over HTTPS.”，chrome浏览器审查元素可以看到。 解决： <meta http-equiv="Content-Security-Policy" content="upgrade...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值