关于本地开发,上传图片所遇到的坑(如何熟练使用Nginx反向代理)

使用node.js开发项目是挺简单的,不过一般网址都是localhost:3000,与后端项目中api接口造成跨域或者404问题。
此时需要借用Nginx反向代理来实现更好的开发。
问题重现: webUploader中server服务器地址是www.saihuitong.com/uploader/image,而开发地址是192.168.0.23:3000(localhost:3000),网址不同,所以需要配置开发网址。

问题解决:
1.下载安装nginx-1.16.0(目录下最好没有中文)
2.在文件夹地址栏处输入cmd,打开程序面板,输入nginx
    此时看是否出现错误(有时候别的项目在运行,会出现80端口被占用的情况,比如tomcat)
    如果正常运行进行nginx配置
3.打开conf/nigix.conf
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019061219160789.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDI0OTg1Mw==,size_16,color_FFFFFF,t_70)
listen(监听端口,一般都是80)
server_name(开发地址,也就是开发时想用哪个网址来访问)
location ~  \.(html|js|css|jpg|png|gif)$ {
            proxy_pass http://127.0.0.1:3000;
    }(代表html、js、css、img、png、gif等文件代理到本地)
location /rest/sas/review/apply {
            proxy_pass http://java.360paobu.com;
    }(代表 www.saihuitong.com/rest/sas/review/apply 代理到java.360paobu.com;这个网址)

此时本地hosts:
127.0.0.1   www.saihuitong.com
192.168.0.21  java.360paobu.com(192.168.0.21网址是局域网内运行本地项目的电脑)

【关于www.360paobu.com】代理到了线上360paobu.com
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值