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

createh510小时前技术教程3

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

先下载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啦!!!

相关文章

代码调试,教给你

昨天我和一些朋友一起调试代码,他们做程序员这一行都不太久,我向他们展示了一些代码调试技巧。今天早上我在想,我应该如何教授他们学习代码调试?我在Twitter上发了一条推文说,我从来没有见过任何好的调试...

彻底搞懂容器启动、停止、调试的每一个细节!

开篇导读许多刚接触 Docker 的开发者都有一个误区:“镜像构建完就万事大吉,run 一下就部署成功了。”实际上,在生产环境中,我们面对的是:容器突然崩了?容器内怎么调试?怎么优雅重启?怎么持久化数...

使用VS Code调试PhpStudy环境里的代码

最近几个月把所有项目都迁过来 VS Code 了(除了因为Unity调试问题反而用回了 Visual Studio),PHP也就抛弃了最强的 PhpStorm 。这段时间抽空在帮朋友处理PHP项目,然...

容器网络调试怎么办?一条命令就搞定!

nsenter 命令是一个可以在指定进程的命令空间下运行指定程序的命令。它位于 util-linux 包中。用途一个最典型的用途就是进入容器的网络命令空间。相当多的容器为了轻量级,是不包含较为基础的命...

线上项目CPU,内存都跑满了,怎么调试?

记得第一次当整个电商项目负责人的时候,在使用量高峰期时,运维的同事突然跑过来说,xx服务的某台机器的CPU,内存暴了(OOM了),赶紧想办法怎么做。当时的心情既高兴,又紧张。高兴的是产品真的有使用在使...