Is it possible to output the value of history.go(-1) using a print function?

Currently, I'm working on enhancing a Vue application. My goal is to retrieve the value of the previously visited page using history.go(-1) and then use that value to assign certain values to a variable.

This is what I have in mind:

<script>
 created: function() {
  var str = history.go(-1)
  if (str.includes("/users/")) {
   console.log("Value found");    
  }
  else {
   console.log("Not Found");
  }
 }
</script>

I attempted this approach, but unfortunately, it did not yield the desired results for me.

Answer №1

The reason why it's not feasible is due to the potential security risks associated with accessing personal browsing history.

It's easy to overlook that when we write JavaScript, it runs on another individual's device.

However, there are certain strategies you can employ if the visitor is browsing within your website.

For instance, you could generate a custom history state and store it in localstorage. This way, you'll be able to track where the user left off for future reference.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Having difficulty executing the npm test command for my Angular 2 application

I am currently working on an Angular 2 application, and I am fairly new to it. I have set it up with Cordova app and run it through npm. The app starts without any errors and runs smoothly. However, when I try to run the tests using node (i.e., npm test), ...

Activating and deactivating event capturing in Vue.js

Incorporating Vue.js into my project has been a game-changer. One interesting aspect is the event listener's third option, known as capture. For instance: element.addEventListener("click", function(){}, true); I'm curious if it's ...

Using jQuery to assign the value of a hidden element to data being posted

When using jQuery's post() method to call an ajax action that returns JSON data ({"Success": "true" } or {"Success": "false"}), the value of a hidden HTML element is supposed to be set to the Success value in the returned object. However, after settin ...

Leveraging SASS with Vuetify styles

I am trying to incorporate some Vuetify classes into my own custom sass file, but I am encountering difficulties in doing so. I am working on a Vue-CLI3 project with the latest versions of Vue/Vuetify and have the following code snippet: main.sass @import ...

The file import is restricted based on the user's input

I am facing an issue with my small vue.js app. My goal is to import a specific json file based on user input. import content from "@/posts/posts/" + new URL(location.href).searchParams.get('id') + ".json"; Every time I attem ...

Using JQuery validate to extract the interest rate from a regular expression

I am looking for a regular expression that can extract the interest rate. I need it to accept values such as: Examples: 0 0.4 0.44 4 44 4.00 44.00 4.2 4.22 44.22 Minimum value allowed is 0 and maximum is 99.99 The regular expression should be ab ...

How to manage list items in multiple columns in Vue.js without using v-if and v-for for displaying, adding, editing, and deleting items

As a newcomer to Vue.js, I am trying to find a way to display new items in a list while ensuring that each item is placed in separate divs based on their "category" property. Additionally, I want to provide users with the option to edit or delete each it ...

issue encountered during resource provider setup

Below is my code snippet where I'm attempting to populate a table using ngResource in a RESTful manner. However, when I include configuration directives, I encounter an uncaught object MINERR ASST:22 error. var app = angular.module('infra&apo ...

I am consistently encountering the error message: "Error: Unable to locate module './framer'"

I've been running into the same issue repeatedly. I'm in the process of creating a website for a barbershop and I'm attempting to integrate events into a Google calendar using the Google API. I've installed googleapis and framer, but I ...

Tips on simulating the Q functions during unit testing in node.js using mocha and rewire!

Struggling with an issue while writing unit tests for node.js. The original code in my file is: var Q=require('q') . . . return Q.all(promises).then(function(data) { _.each(data, function(data) { checking.pu ...

Chakra UI: How come the tooltip is appearing in the top left corner of the screen instead of directly above the element?

CreatedByModal is a unique chakra modal that incorporates tooltips. However, I am facing an issue where the tooltip appears at the top of the screen instead of directly above the icon when hovering over the icons. You can see in the image provided that the ...

What's the best way to manage the onClick event for individual input submit types using jQuery?

As a novice in jQuery, I am still in the learning phase. However, I urgently require a solution to set up a click event registration for each button within my table. The table below is created using GridView: <div id="gridView"> &l ...

Unlocking the Power of Localization: An Easy Guide to Accessing JavaScript Values

After utilizing the localization helper created by Matt Hawley, I found it to be incredibly effective. However, I am encountering an issue when attempting to retrieve the values in javascript/jQuery. For example, I am unable to fetch the resource text usi ...

Implementing autocomplete feature with JQuery by using a handler

I am currently working on developing a search box with autocomplete functionality and utilizing a handler for this purpose. While I have successfully retrieved all the words from the database, I am facing difficulties in displaying them. Here is the jQuer ...

Shifting hues with every upward and downward movement

I am experiencing a small issue with this JS code... -I have multiple divs that are changing automatically in rows as they move randomly... I want to change the color of the div moving up to green. And for the div moving down, I want to change the colo ...

Leverage multiple services within a single AngularJS controller

Is it possible to use multiple services in the same controller? Currently, I am able to achieve this with different services, but it seems to only perform one service. <!DOCTYPE html> <html> <script src="http://ajax.googleapis.com/ajax/libs ...

Troubleshooting a perplexing problem with an unresponsive AngularJS directive

Here is the code from my app.js file (main JavaScript file) var currentUserId; window.myApp = angular.module('myApp', ['ajoslin.mobile-navigate', 'ngMobile', 'myApp.Registermdl', 'ngProgress', &apo ...

Conflicting TypeScript enum types: numbers and numbers in NestJS/ExpressJS

Incorporating types into my NestJS server has been a priority. After creating a controller (a route for those who prefer Express), I attempted to define the type for params: public async getAllMessages( @Query('startDate', ValidateDate) start ...

Retrieve the data stored in an array of objects

code props.thumbnails.forEach(value=>{ console.log(value.photo.thumbnail_url); }) error TypeError: Cannot read property 'thumbnail_url' of undefined Trying to loop through props.thumbnails array and access the thumbnail_url pro ...

Using Vuetify timepicker to update model value

I have integrated the Vuetify timepicker into my project, but I am facing an issue where the selected time is not updating the model. How can I ensure that the model gets updated when a time is selected? The component that is utilizing the timepicker is a ...