Rainbond 中Vue、React项目如何调用后端接口

Rainbond中怎么部署 Vue 、React 项目请参考 Rainbond部署Vue、React项目

前言

以往我们在部署前端项目后，调用后端接口有以下几种场景：

1. 后端接口没有统一，比较分散，例如：/system/user, /tool/gen 。

通常我们会在项目的全局配置文件.env.production中直接写入后端ip，例如：

代码语言：txt复制

ENV = 'production'
VUE_APP_BASE_API = '192.168.6.66:8080'

这样写虽可以正常访问，但会导致产生跨域问题。

1. 后端接口统一，例如：/api/system/user, /api/tool/gen。

大部分小伙伴也还是同样会直接把IP 后缀写入到项目全局配置文件，例如：

代码语言：txt复制

ENV = 'production'
VUE_APP_BASE_API = '192.168.6.66:8080/api'

这样写当然了也会有跨域的问题。

那我们该怎么解决接口不统一或接口统一的跨域问题呢。

代码语言：txt复制

答：使用**Nginx 反向代理**。

代码语言：txt复制

大部分小伙伴用nginx都是项目打包完的`dist`包丢进nginx，配置个 location proxy_pass 反向代理后端，然后在项目全局配置里填写`Nginx`地址。酱紫还是会跨越哦


	

vue.js react nginx 架构设计 


	




	
 0 人点赞