Estoy trabajando con reactjs y quiero obtener la ruta completa/nombre de host/baseurl de mi proyecto (archivo de componente interno). ¿Cómo puedo hacer esto? Intenté con el siguiente código, pero no funciona, me da el siguiente error
"Unexpected token `{`. Expected * for generator"Intenté con el siguiente código
import absoluteUrl from 'next-absolute-url'; class Header extends Component { const { origin } = absoluteUrl(req) const apiURL = ${origin} render() { ...//my code } }¿Qué tal usar el objeto de ventana?
Nota: cuando use la ventana, envuélvala dentro de la siguiente condición si, de lo contrario, se producirá un error cuando esté usando SSR.
import '../styles/globals.css'; function MyApp({ Component, pageProps }) { let fullPath = ''; if (typeof window !== undefined) { fullPath = window.location.hostname; } console.log(fullPath); return <Component {...pageProps} className={fullPath === 'insert your path here' ? 'insert class to apply if true' : 'insert class to apply if false'}/>; } export default MyApp;En primer lugar, recuerde que su código se ejecuta en el cliente y el servidor, por lo que cualquier acceso a la ventana debe incluirse en una verificación.
if (typeof window !== 'undefined') { var path = location.protocol + '//' + location.host + '/someting'; // (or whatever) } else { // work out what you want to do server-side... }