当前位置:首页 > 技术文章 > 正文内容

vue+nginx代理配置,解决跨域问题

arlanguage4个月前 (12-26)技术文章39

举例登录接口,ip地址是随便举例的,实际生成地址域名,不一定是本地ip。

前端首页地址是:http://192.168.1.25:8080/#/login,

前端登录的地址是:http://192.168.1.25:8080/api/login

后端登录接口地址是:http://192.168.1.24:8081/login

1、vue项目的config里的Index.js


proxyTable: {
          '/api': {
            target: 'http://192.168.1.24:8081',
            changeOrigin: true,
            pathRewrite: {
                  '^/api': ''
              }
          }
        },

2、nginx配置


    server {
        listen  8081;
        server_name 127.0.0.1;
        charset utf8;
        #access_log  logs/host.access.log  main;

        location /{
            root  /usr/local/tomcat/webapps/ROOT;
            index  index.html index.htm;
            
        }
		
        location /api{
           rewrite ^.+api/?(.*)$ /$1 break;
           include uwsgi_params;
           proxy_pass http://192.168.1.24:8081;
        }

    }

为什么需要这样处理呢?因为前后端分离了,有可能会出现跨域问题。

其实有没有其他办法,不需要这样代理的。

当然有的,可以部署一个Servlet项目作为sdk,然后再由sdk做转发到你的后端地址即可。

还有其他办法的,可以私信教一下我。

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/479.html

分享给朋友:

“vue+nginx代理配置,解决跨域问题” 的相关文章

分享一段PHP代码的加密扩展 分享一段php代码的加密扩展怎么弄

介绍一个简洁、高性能、跨平台的 PHP7 代码加密扩展特点简单快速,经实测,几乎不影响性能兼容 OPcache、Xdebug 等其他扩展支持 Linux、macOS、Windows 等系统兼容 Apache、Nginx + PHP-fpm、命令行等运行模式加密算法较简单,这是出于速度考虑,但仍不易解...

K8S中Service使用nginx控制器实现Ingress负载均衡器的一个Demo

写在前面学习K8s中Service遇到,单独整理分享给小伙伴本文内容涉及:ingress-nginx-controller的创建基于ingress-nginx-controller的Ingress的创建基于Ingress的服务发布,SVC负载时间关系,关于Ingresshttp路由负载本文没有涉及部...

Nginx 问题以及对应的解决方案

1. Nginx 无法启动当 Nginx 无法启动时,通常是由于以下几个原因导致的:配置文件有误。可以通过运行 nginx -t 命令检查配置文件是否存在语法错误。端口被占用。可以通过运行 netstat -tlnp 命令查看当前系统中占用该端口的进程,并将其停止或更改端口。缺少权限。Nginx 可...

Nginx缓存设置教程

这篇文章主要介绍了Nginx缓存设置案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下在开发调试web的时候,经常会碰到因浏览器缓存(cache)而经常要去清空缓存或者强制刷新来测试的烦恼,提供下apache不缓存配置和nginx不缓存配置的设置。在...

轻量级日志平台 Loki 2.3 发布:15 倍最近数据查询速度提升

一、前言Loki v2.3.0 中添加了出色的新功能,进行了 bug 修复。除此之外,性能也得到了提升。二、自定义保留规则Loki 中的保留对于集群来说一直是全局的,并推迟到底层对象存储。Loki 现在可以通过 Compactor 组件处理保留。 你可以配置每个租户和每个流的保留时间。 这些不同的保...

一起学习Kubernetes:容器和镜像

简述容器每个运行的容器都是可重复的;包含依赖环境在内的标准,意味着无论你在哪里运行它都会得到相同的行为。容器将应用程序从底层的主机设施中解耦。 这使得在不同的云或 OS 环境中部署更加容易。Kubernetes 集群中的每个节点都会运行容器,这些容器构成分配给该节点的 Pod。 单个 Pod 中的容...