当前位置:首页 > 技术文章 > 正文内容

手把手教你nginx解决前端本地跨域问题

arlanguage3个月前 (01-31)技术文章27

收到很多私信,有许多同学遇到本地开发静态文件,想要调试远程接口的问题,教大家一个解决跨域调试常用的方法。有什么其他问题也欢迎大家关注私信我,看到的会一一解答。

先下载nginx,因为大部分人是windows 开发环境,所以文章介绍的也是windows版本



打开配置文档,新建一个自己的配置文件my.conf。 然后找到conf/nginx.conf 引入my.conf


配置my.conf文件

 server {
        listen       3333;    #监听端口  可以访问localhost:3333
        server_name  localhost; 
				#access_log  logs/host.access.log  main;
				location / {
					root  C:/Users/86183/Desktop/feedback;		# 静态文件路径
					index  index.html index.htm;			# 静态文件首页名字
				}
				location /api/ { 						# 请求路劲是api 开头会自动跳转至 www.baidu.com/api/
						proxy_pass	http://www.baidu.com;  #这里填上服务器地址
				}
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
   }

配置成功,在nginx根目录打开 cmd, 命令行输入:

```

nginx版本:nginx -V

启动:start nginx

快速关闭: nginx -s stop

正常关闭:nginx -s quit

重启:nginx -s reload

```

http://localhost:3333/ 查看网站,Ok啦!!!

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/1403.html

分享给朋友:

“手把手教你nginx解决前端本地跨域问题” 的相关文章

Docker安装Nginx教程使用实战教程

课件视频教程地址:Docker安装NginxDocker最新全部教程:Docker最新全系列教程Docker安装基本安装(不带数据卷)拉取Nginx镜像docker pull nginx:latest查看本地镜像列表(即可看到nginx)docker images运行容器docker run --n...

haproxy负载均衡入门到转行

haproxy概述haproxy是一款开源的高性能的反向代理或者说是负载均衡服务软件之一,支持双机热备,虚拟主机基于TCP/HTTP应用代理,具有图形界面等功能。其配置简单,而且拥有很好的对服务器节点的健康检查功能(相当于keepalived健康检查),当其代理的后端服务器出现故障时,haproxy...

Nginx如何实现四层负载均衡

静态负载均衡Nginx的四层静态负载均衡需要启用ngx_stream_core_module模块,默认情况下,ngx_stream_core_module是没有启用的,需要在安装Nginx时,添加--with-stream配置参数启用,如下所示。./configure --prefix=/usr/l...

WordPress切换到Nginx服务器教程

这几天将几个WordPress的Web服务器从Apache切换到了Nginx,中间遇到了不少问题,因此记录一下,以便日后维护使用。对于WordPress站点来说,固定链接主要是通过根目录下的.htaccess文件来控制,切换服务器后,Nginx的rewrite格式和Apache的不同,需要修改。先卸...

Nginx 的日志 nginx的日志能否保存到日志审计里面?

Nginx 的日志主要有 2 个,一个是 access.log, 一个是 error.log。如果你不进行任何配置的话,这 2 个日志将会使用默认的日志配置,这个日志将会位于/var/log/nginx 目录中。针对虚拟主机的配置如果你使用了 Nginx 为虚拟主机的话。那么你可以在你的虚拟主机的配...

Linux—shell中$(( ))、$( )、` `与$「 」的详解

命令替换在bash中,$( )与` `(反引号)都是用来作命令替换的。命令替换与变量替换差不多,都是用来重组命令行的,先完成引号里的命令行,然后将其结果替换出来,再重组成新的命令行。[root@localhost ~]# echo Tom > tom.txt [root@localhost ~...