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

朝阳39

已于 2023-05-20 16:27:00 修改

阅读量485

点赞数

分类专栏：已归档 # 前端项目部署文章标签： nginx 运维

于 2021-07-08 10:31:53 首次发布

本文链接：https://blog.csdn.net/weixin_41192489/article/details/118568253

版权

已归档同时被 2 个专栏收录

16 篇文章 1 订阅

订阅专栏

前端项目部署

12 篇文章 3 订阅

订阅专栏

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/";
      }