Set an url globally in JavaScript

Question

In an ASP.NET MVC application, we call web service and web API methods from JavaScript files. Whenever the url gets changed, we have to modify the url in many .js files.

As we access the url in JavaScript, is there anyway to set it globally like web.config in .NET?

Thanks.

Answer 1

You can just have this or something similar in your view:

<script>
  window.apiUrl = '<%=ConfigurationManager.AppSettings["apiUrl"]%>';
</script>

(or if it's Razor?...)

<script>
  window.apiUrl = '@(ConfigurationManager.AppSettings["apiUrl"])';
</script>

That way, your other scripts can simply reference:

var url = window.apiUrl;

Answer 2

您可以在视图中声明全局变量（在Controller中调用VewBag），然后在配置中声明此变量