【项目部署系列教程】5. nginx配置反向代理,解决跨域接口的访问

简介: 【项目部署系列教程】5. nginx配置反向代理,解决跨域接口的访问

vue的vue.config.js中通过proxy的配置,可以解决本地运行项目时的跨域问题,但项目部署上线后,所有的跨域接口,都需使用nginx配置反向代理才能访问!


server
    {
      listen 80;
      server_name localhost;
      
         # 高德API
      location /gaodeMapAPI/ {
          proxy_pass "https://restapi.amap.com/";
      }
          
         # 新浪股票API
      location /sinaAPI/ {
          proxy_pass "http://hq.sinajs.cn/";
      }


修改完nginx配置后,记得重启nginx

目录
相关文章
|
1天前
|
负载均衡 JavaScript 应用服务中间件
手把手教你玩转 Nginx 配置
作为静态服务器、反代和负载均衡器,Nginx 因高性能和灵活性广泛使用。
30 5
|
15小时前
|
前端开发 应用服务中间件 nginx
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
网页设计,若依项目修改(It must be done)01----若依打包位置,nginx代理前端静态资源和后端接口,就是怎样设置转载,访问固定端口,让他访问其他资料的配置文件,访问/,给你那些
|
1天前
|
应用服务中间件 Linux 网络安全
nginx安装的详细教程(包括命令行安装和编译安装)
nginx安装的详细教程(包括命令行安装和编译安装)
|
1天前
|
应用服务中间件 网络安全 nginx
|
2天前
|
JavaScript 应用服务中间件 nginx
nginx部署多个vue项目
nginx部署多个vue项目
8 0
|
2天前
|
应用服务中间件 Linux nginx
【项目部署系列教程】3. 安装宝塔 vs nginx
【项目部署系列教程】3. 安装宝塔 vs nginx
10 0
|
关系型数据库 MySQL 应用服务中间件
|
Web App开发 应用服务中间件 nginx
saltstack批量部署并配置nginx
最近应别的部门要求研究了一下saltstack,感觉很好用哈!虽然我现在生产环境用的puppet,想以后逐渐用这个去替代puppet,至于ansible还没研究,以后有时间再看看吧! 一、Saltstack是什么? saltstack是一种全新的基础设施管理方式,部署轻松,在几分钟内可运行起来,扩展性好,很容易管理上万台服务器,速度够快,服务器之间秒级通讯。
1809 0
|
3天前
|
网络协议 应用服务中间件 网络安全
如何排查Nginx配置问题导致的域名访问错误
如何排查Nginx配置问题导致的域名访问错误
17 2
|
3天前
|
应用服务中间件 nginx
如何通过Nginx配置将请求转发到conf.d目录下的各个配置文件
如何通过Nginx配置将请求转发到conf.d目录下的各个配置文件
17 2