vue设置代理实现跨域,与jq用nginx设置代理实现跨域

一、vue。
vue跨域很简单,估计内部配置过反代服务器了,直接配置代理就行了
config目录下的index.js文件

proxyTable: { // 设置代理
        '/api':{  // 代理名称
            target: 'http://...',    // 目标地址
            changeOrigin: true,  
            pathRewrite: {   // 重定向
                '^/api': ''  
            }  
        }
    }
// 组件中使用
axios({
            method: 'get',
            url: '/api/...',
        })

二、nginx
首先去官网下一个nginx服务器http:

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现Vue前端与Spring Boot后端的通信,可以使用Nginx作为代理服务器来解决问题。以下是一个简单的Nginx代理配置示例: 首先,确保你已经正确安装和配置了Nginx。然后,在Nginx的配置文件中添加以下内容: ``` http { server { listen 80; server_name example.com; # 静态文件目录 location / { root /path/to/frontend; try_files $uri $uri/ /index.html; } # API代理 location /api/ { proxy_pass http://backend_server; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } } # 后端服务器配置 upstream backend_server { server backend_server_ip:backend_server_port; } } ``` 在这个示例中,假设前端文件存放在`/path/to/frontend`目录下,后端服务器的IP地址为`backend_server_ip`,端口为`backend_server_port`。 配置中的`location /`指定了前端静态文件的目录,并使用`try_files`指令将所有请求都重定向到`index.html`,以支持前端路由。 配置中的`location /api/`指定了后端API的代理,并通过`proxy_pass`将请求转发到后端服务器。`proxy_set_header`指令用于设置请求头信息,以便后端服务器能够获取到正确的客户端信息。 请根据你的实际情况修改示例中的路径、后端服务器地址和端口,并将上述配置添加到Nginx的配置文件中。重启Nginx后,Vue前端和Spring Boot后端之间的通信应该可以正常工作了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值