使用Nginx解决跨域问题

目录

使用Nginx解决跨域问题

1、修改浏览器、客户端访问地址

2、在nginx.conf配置文件需配置server

3、在Nginx中配置客户端访问的接口(按照规则或通配),并设置被代理的服务器

4、在Nginx中统一配置客户端访问的头部信息(解决跨域问题)

5、在服务器端设置相应的头部信息(字符集编码等)


使用Nginx解决跨域问题

1、修改浏览器、客户端访问地址

使用Nginx解决跨域问题_第1张图片

2、在nginx.conf配置文件需配置server

开放端口

server {
        listen       8000;    #自定义端口
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

        location / {
            root   html;    #访问路径
            index  index.html index.htm;    #首先访问的页面
        }
    }

配置静态资源和默认地址(放在nginx/html中)

使用Nginx解决跨域问题_第2张图片

使用Nginx解决跨域问题_第3张图片

配置好,重新加载配置文件,重新访问页面,就会变成你设置的页面

使用Nginx解决跨域问题_第4张图片

3、在Nginx中配置客户端访问的接口(按照规则或通配),并设置被代理的服务器

使用Nginx解决跨域问题_第5张图片

4、在Nginx中统一配置客户端访问的头部信息(解决跨域问题)

使用Nginx解决跨域问题_第6张图片 

5、在服务器端设置相应的头部信息(字符集编码等)

你可能感兴趣的:(Nginx,nginx,运维,服务器)