When my View is deployed, the relative URL path breaks

Question

When my View is deployed, the relative URL path breaks

As I work on my ASP MVC app, I encountered an issue with the path to a Partial View when using Javascript. The path needed to be hardcoded and differs between Development and Production environments.

Specifically, in Dev there is no App specification, whereas in Production there is. For example:

Production -

var URL = '/WetWashRequest/wetWashRequests/GetDetails?WONumber=' + wo;

Dev -

var URL = '/wetWashRequests/GetDetails?WONumber=' + wo;

This means that during local development, I have to remove the first part of the path, and then remember to add it back before deploying.

This process seems cumbersome and flawed. It makes me question if I am missing something or making a mistake...

javascript .net asp.net-mvc iis

Answer 1

Answer №1

To easily retrieve URLs, you can utilize the UrlHelper within the view:

var URL = '@Url.Action("GetDetails")';

It's not advisable to keep all your JavaScript code in the view. A common practice is to define a namespace variable containing the URL in the view and then reference it in external JavaScript files:

In the View

<script>
    var MyApplication = MyApplication || {};
    MyApplication.GetDetailsUrl = '@Url.Action("GetDetails")';
</script>

In External JS File

$.get(MyApplication.GetDetailsUrl, { WONumber: wo }, function (result) {
    ...
});

Answer 2

To easily retrieve URLs, you can utilize the UrlHelper within the view:

var URL = '@Url.Action("GetDetails")';

It's not advisable to keep all your JavaScript code in the view. A common practice is to define a namespace variable containing the URL in the view and then reference it in external JavaScript files:

In the View

<script>
    var MyApplication = MyApplication || {};
    MyApplication.GetDetailsUrl = '@Url.Action("GetDetails")';
</script>

In External JS File

$.get(MyApplication.GetDetailsUrl, { WONumber: wo }, function (result) {
    ...
});

When my View is deployed, the relative URL path breaks

Answer №1

Similar questions

Unleash the full potential of React and material-ui with the Raised Button feature - find out how to effortlessly keep all

Display data as a JSON object using Highcharts

URL parameter for Mapbox GL JS

Warning issued by npm during compilation: The template string expression is unexpected as there should be no curly braces in the

Obtain data without issuing a new query in flexigrid

Troubleshooting: Ruby on Rails and Bootstrap dropdown issue

My goal is to store the received response in an array within an object

Utilizing ng-pattern in Angular to detect leading zeroes in alphanumeric input fields

Issue: The object is unable to be executed as a function, resulting in the failure to return an array

Email address string loses the '+"' when using AJAX

Creating dynamic form groups that allow for the addition and removal of forms while assigning unique identifiers and names to each input field

Is it possible to utilize a Node NuGet package to install gulp and other npm packages using the package manager console?

Determine the aspect ratio of the image and incorporate it into the query string

Show the current temperature data retrieved from the weather API

Is it possible to shift the image within the <canvas> element without having to redraw the entire canvas?

Capture and transform every alert into a notification

How to Use Express.js to Stream Assets (JS/CSS/images) from Amazon S3

Is it possible to simplify the use of two ng-shows and two dropdowns in AngularJS by utilizing just one dropdown

Using Regular Expressions in Express routing

Container-wrapper unable to contain images, overflowing despite using overflow:hidden property