<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Josephine Hardy 🌿</title>
    <description>The latest articles on DEV Community by Josephine Hardy 🌿 (@josiemhardy).</description>
    <link>https://dev.to/josiemhardy</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F290402%2Fc904ba1b-8141-4acf-b3c8-53f0bc17cc51.jpg</url>
      <title>DEV Community: Josephine Hardy 🌿</title>
      <link>https://dev.to/josiemhardy</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/josiemhardy"/>
    <language>en</language>
    <item>
      <title>How to Fix Error 403 "Forbidden Access: New XAMPP security concept" on MacBook

</title>
      <dc:creator>Josephine Hardy 🌿</dc:creator>
      <pubDate>Thu, 19 Dec 2019 19:12:14 +0000</pubDate>
      <link>https://dev.to/josiemhardy/how-to-fix-error-403-forbidden-access-new-xampp-security-concept-on-macbook-n2k</link>
      <guid>https://dev.to/josiemhardy/how-to-fix-error-403-forbidden-access-new-xampp-security-concept-on-macbook-n2k</guid>
      <description>&lt;p&gt;If you're reading this article you've probably attempted to access the phpMyAdmin link in XAMPP only to receive the following "Forbidden Access" error:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fkiwbyupb4jb94i85egu2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fkiwbyupb4jb94i85egu2.png" alt="XAMPP Access Forbidden error 403"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This article will show you how to fix this issue on Mac. If you're using a PC the solution is the same but navigating the steps will look a little different on your computer.&lt;/p&gt;

&lt;p&gt;I am using a MacBook Pro running macOS Mojave v.10.14.6&lt;/p&gt;

&lt;p&gt;Before we get started make sure you have completed the following:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Installed and opened &lt;a href="https://www.apachefriends.org/index.html" rel="noopener noreferrer"&gt;XAMPP&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Started running your stack services: ProFTPD, Apache, and MySQL&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  How to Fix XAMPP Error 403
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Step 1: Open Volumes tab in XAMPP app
&lt;/h3&gt;

&lt;p&gt;First, open the XAMPP app on your Mac and navigate into the Volumes tab&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fo4rpmlmgh47q926q2h2b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fo4rpmlmgh47q926q2h2b.png" alt="xampp general settings"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2: Click on 'Mount'
&lt;/h3&gt;

&lt;p&gt;Next, you're going to mount the opt/lampp directory onto your computer.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fhu967anig1ez5yh2k846.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fhu967anig1ez5yh2k846.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3: Click on 'Explore'
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F4qd68ut7w1mtvfq378ya.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F4qd68ut7w1mtvfq378ya.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 4: Open the 'etc' folder
&lt;/h3&gt;

&lt;p&gt;By clicking on explore your app should have opened the lampp directory. In it you'll see many folders and files. Click on the one named 'etc'. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F1yjd5ngrqnugi8flnkof.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F1yjd5ngrqnugi8flnkof.png" alt="lampp folder etc"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 5: Open the 'extra' folder
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fnyekbs42kkmy727quzdv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fnyekbs42kkmy727quzdv.png" alt="lampp folder etc extra"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 6: Open the 'httpd-xampp.conf' file
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Foj91vcyafdupe8r3xsi5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Foj91vcyafdupe8r3xsi5.png" alt="httpd-xampp conf file"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 7: Find the AuthConfig requirements code
&lt;/h3&gt;

&lt;p&gt;Search for 'phpmyadmin' in the httpd-xampp.conf code and find the following section:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F5jsmm72vwaiaiyuw7dzj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F5jsmm72vwaiaiyuw7dzj.png" alt="httpd-xampp phpmyadmin require all granted"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 8: Change 'Require local' to 'Require all granted'
&lt;/h3&gt;

&lt;p&gt;This is the step that will fix the 403 error. Change the line of code to replace 'Require local' with 'Require all granted'. Then save your file.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fg4zqwe5htn3oncrht1jf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fg4zqwe5htn3oncrht1jf.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 9: Restart all services
&lt;/h3&gt;

&lt;p&gt;Navigate back to the XAMPP app and click on 'Services', then 'Restart all'. This will restart all of the services. You'll notice the status lights turn yellow and eventually return back to green.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fj6fh60wsjs1xi321wq7x.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fj6fh60wsjs1xi321wq7x.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 10: Refresh the phpMyAdmin page
&lt;/h3&gt;

&lt;p&gt;The last step is to refresh the phpMyAdmin page you had open earlier. &lt;/p&gt;

&lt;p&gt;If you closed it, no problem, just return to the General tab on your XAMPP app and click 'Go to Application'. That will open the dashboard in your browser where you can again navigate to the phpMyAdmin page.&lt;/p&gt;

&lt;p&gt;Your phpMyAdmin page should load and look like this:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fh0lh5jd8xhoif8p6p7q6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fh0lh5jd8xhoif8p6p7q6.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>xampp</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
