前端配置反向代理

前端开发过程中会接入大量接口 , 反向代理提供了统一的配置方式 ,如果后续baseURL有变更,代码也不容易乱,减少代码量

1.配置反向代理

打开项目下vue.config.js  ,配置devServer

2.封装的网络请求中设置 baseUrl

 3. api请求中

 这样就配置成功了  欢迎大家留言指正

 

  • 2
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
对于前端配置nginx反向代理,你可以按照以下步骤进行操作: 1. 安装nginx:首先,你需要在你的服务器上安装nginx。你可以通过以下命令进行安装: ``` sudo apt-get update sudo apt-get install nginx ``` 2. 配置反向代理:接下来,你需要修改nginx的配置文件来设置反向代理。默认情况下,nginx的配置文件位于`/etc/nginx/nginx.conf`。 打开该文件,找到 `http` 部分,在此部分内添加以下代码: ```bash server { listen 80; server_name your-domain.com; # 替换为你的域名 location / { proxy_pass http://your-backend-server-ip:your-backend-server-port; # 替换为你的后端服务器IP和端口 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } } ``` 注意将 `your-domain.com` 替换为你的域名,将 `your-backend-server-ip` 替换为你的后端服务器IP地址,将 `your-backend-server-port` 替换为你的后端服务器端口号。 3. 保存并关闭文件后,重新加载nginx配置:执行以下命令,重新加载nginx配置文件: ```bash sudo nginx -s reload ``` 这样,你的前端应用就会通过nginx反向代理转发请求到后端服务器。确保后端服务器正常运行,并监听了你在配置中指定的端口。 请注意,以上步骤是在Linux系统上进行的,如果你在其他操作系统上使用nginx,可能会有一些不同。另外,确保你已经将域名解析到了正确的IP地址上。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值