LWC navigation issue in communities

Question

I am trying to redirect on the a href click to a custom visualforce page in lightning.

<a href=# onclick={navigateto###} target="_blank"></a>


 navigateto###() {
        console.log('Inside navigate to home Tab');
        // Navigate to the Account home page
        this[NavigationMixin.Navigate]({
          type: 'comm__namedPage',
          attributes: {
           pageName: 'FileVie###',
          },
          state: {
           'fileId': '0685D00#####'
          }
         });
    }

But as standard way its apeending s to it. https://abc.force.com/s/FileVie###?fileId=0685D00#####

Is there any chances to remove s or any other way to redirect to a custom visualforce page with redirect. I have also used , custom URL however it is appending the url on the same community page not in a separate tab:

this[NavigationMixin.Navigate]({
        type: 'comm__namedPage',
        attributes: {
            pageName: 'https://wwww.salesforce.com'
        }

Answer 1

1. In communities, only comm__namedPage page-reference will work.

2. It will navigate to specified community page within community.

3. You have to use component/page inside community page.

4. Although you can pass the parameters through state, you cannot get the state from component as it is inside community page.

5. If you want to get the data exchange, you can use browser storage like localStorage or sessionStorage.

Finally, what you are trying to do is not possible as of now. Instead, try implementing with work-around like above.

Answer 2

I came in this answer I think we have one more way to do it.

You can pass parameters to the community with the following

Page to pass the parameters

this[NavigationMixin.Navigate]({
    type: 'comm__namedPage',
    attributes: {
        name: 'Register'
    },
    state: {
        emailParameter: 'email@email.com'
    }
});

Page to Receive the parameter In the connectedCallback you can capture by

console.log('this.current', this.currentPageReference);

Answer 3

I know this is an old question but still want to share a nice hack for navigating to different pages in community (from LWC) without using navigation mixin. You can simply add the below function onto an event handler (e.g. onclick,onload, etc.) in order to navigate.

someFunction(){
    let urlString = '/your-page-name'; 
    eval("var urlEvent = $A.get('e.force:navigateToURL'); 
    urlEvent.setParams({'url': '" + urlString + "'});urlEvent.fire();");

}

-- Parikshit