React.JS Apache deployment configuration .htaccess

I fyou are having problems with URL in React.JS application when you deploy it on a Hosting, consider to create an .htaccess file in the domain (or subdomain) root folder, and write the following.



<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews -Indexes
    </IfModule>

    RewriteEngine On

    # Handle Authorization Header
    RewriteCond %{HTTP:Authorization} .
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

    # Redirect Trailing Slashes If Not A Folder...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} (.+)/$
    RewriteRule ^ %1 [L,R=301]

    # Send Requests To Front Controller...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.html [L]
</IfModule>

 

Comments

Post a Comment

Popular posts from this blog

Android/Java: Crear un SplashScreen para nuestra aplicación

Image
  Codigo java para el onCreate:   Thread myThread = new Thread(){             @Override             public void run(){                 try {                     sleep(2000);                     Intent intent = new Intent(getApplicationContext(), MainActivity.class);                     startActivity(intent);                     finish();                  } catch (InterruptedException e){                     e.printStackTrace();                 }             }         };           myThread.start();
Read more

Android/Java: Video de fondo en nuestro Login

Image
  Codigo del Main: public class MainActivity extends AppCompatActivity {     VideoView vv_fondo;     MediaPlayer mMediaPlayer;     int mCurrentVideoPosition;     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);             vv_fondo = findViewById(R.id.vv_fondo);           Uri uri = Uri.parse("android.resource://"                             + getPackageName()                             + "/"                              + R.raw.paisaje_fondo         );           vv_fondo.setVideoURI(uri);           vv_fondo.start();             vv_fondo.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {             @Override             public void onPrepared(MediaPlayer mediaPlayer) {                 mMediaPlayer = mediaPlayer;                   mMediaPlayer.setLooping(true);                   if(mCurren
Read more

Solve SecurityError: localStorage is not available for opaque origins React Native

SecurityError: localStorage is not available for opaque origins On React Native Fix adding this to package.json   "jest" : {     "preset" : "react-native" ,     "setupFilesAfterEnv" : [       "<rootDir>setup-test.js"     ],     "verbose" : true ,     "testURL" : "http://localhost/" ,     "testEnvironment" : "node"   }   If it does not work, try it: Change your setup-test.js jsdom like this: /**  * Set up DOM in node.js environment for Enzyme to mount to  */ const { JSDOM } = require ( 'jsdom' ); const url = 'http://localhost' ; const jsdom = new JSDOM ( '<!doctype html><html><body></body></html>' , { url });
Read more