vue项目开发本地连接线上接口的nginx配置方法

最新推荐文章于 2024-09-01 21:44:22 发布

一际天涯

最新推荐文章于 2024-09-01 21:44:22 发布

阅读量1.2k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/SKYG909040638/article/details/100524172

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

vue项目本地服务
http://127.0.0.1:8088/
hosts绑定方式
127.0.0.1 local.abc.com
nginx配置如下

server {
        listen              80;
		#server_name        127.0.0.1;
        server_name         local.abc.com;
		client_max_body_size 5M;

        index index.htm;
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,token';
        underscores_in_headers on;
      
		location / {
           proxy_pass http://127.0.0.1:8088/; 
        }
		
        location /api/ { 
           #proxy_pass http://30.14.248.54:8012/api/;
		   proxy_pass http://abc.com/api/;
        }
		
   }

然后本地访问http://local.abc.com就能调用http://abc.com/api/的接口了。