Embarking on my first website development project from scratch, I took on the task of handling front-end, back-end, and database integration. Utilizing the ZURB Foundation Framework (ZURB Template), I structured my project to be modular with Webpack4, Babel7, and Gulp as the Taskrunner.
Downloading the latest XAMPP distribution for Windows, I set up Apache to run locally on port 8099. My backend successfully interacts with the front-end, with the root directory pointing to
D:\foundationtests\src\assets\phpE:\xampp\apache\bin>httpd -M
headers_module (shared)
Having ensured that the headers_module in Apache is active, my jQuery AJAX calls the backend like this:
function phpAJAX(){
console.log("phpAJAX was called")
$.get("http://localhost:8099/test.php", {
}).then((response) => {
console.log(response)
})
}
The PHP file being called simply echoes "Hello!". When I enable the CORS header, everything works smoothly, but to improve this setup, I introduced an .htaccess file based on recommendations from the ZURB Foundation forum.
Despite trying various configurations suggested on forums, including Stack Overflow, the CORS issues persist, leading me to question if my .htaccess file is being recognized at all.
Viewing the network monitor in the browser console for the request provides further insight into the issue:https://i.stack.imgur.com/tGUAi.jpg