如何在frontEnd中设置backURL URL反应

时间:2018-09-10 04:17:55

标签: javascript java reactjs npm

我是React的初学者(通常是前端)。我刚刚在Java上制作了一个完整的API,我想问大家,告诉React的fetch()函数正确的方法是什么? .jsx后端URL,我目前将其刻录在一个常量上,但是我想必须存在一种更优雅的方法。

感谢您的帮助,并祝您编程愉快。

编辑: 为了弄清楚我的意思,这是我拥有的一些示例代码:

在后端,我有一个restfull服务,像这样:

public class MainActivity : AppCompatActivity
{

    protected override void OnCreate(Bundle savedInstanceState)
    {
        base.OnCreate(savedInstanceState);
        SetContentView(Resource.Layout.activity_main);

        var listView = FindViewById<ListView>(Resource.Id.list);
    }
}

在前面,我有一个访存命令,可以像这样调用restrest服务:

@CrossOrigin(origins = "http://localhost:3000")
@RequestMapping("/recursosTotales")
public List<Recurso> recursosTotales(){

    ConectorBd conectorBd =new ConectorBd();
    conectorBd.start();
    return  conectorBd.recursoList();
}

就像你们看到的那样,后端的URL被烧掉了,我想知道的是我如何制作某种全局变量,以防万一我不得不更改Server URL仅在一个地方进行更改。

我尝试使用dotenv库,但是对于我读到的过程,env在.jsx文件上不起作用,因为它们是应用程序客户端的一部分,而env仅在服务器端起作用。我不能完全理解这个原则。

无论如何,我希望我的问题更加清楚。感谢所有已经回答的人。

编辑2

好的,人们,我终于学会了正确使用dotenv的方法,它可以满足我的要求,感谢大家的帮助和时间。

2 个答案:

答案 0 :(得分:0)

如果前端和后端的主机名相同,请使用window.location.hostname

这是stackoverflow的window.location

enter image description here

答案 1 :(得分:0)

就个人而言,我希望它是一个可配置的值,以便在捆绑和部署后可以轻松对其进行更改。除非URL是可以通过其他配置(例如apache)重定向到的域名,否则,如果您更改了后端服务器的地址,则必须对代码进行更改,这可能会更多。比更改配置更耗时。

这是假设您信任所有可能访问此配置文件的人。