bros, I launch JS project in WebStorm at http://localhost:1234 (npm run serve in the terminal) and separately run a debug there on the index.html page (via the debug configuration) at http://localhost:63342/project directory /src/index.html. At the second address I click a button, by clicking on which I select a file that should be loaded into a directory Upload at http://localhost:1234/upload, but I get an error “Access to XMLHttpRequest has been blocked by CORS policy”. I tried everything:
-
Chrome plugins don’t help – I tried 3 different ones
-
I’ve edited index.js at the path ../node_modules/cors, inserted for example at the beginning
const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());
app.options('*', cors());
and all sorts of other combinations, which i’ve found in the net – it doesn’t help
- Added in Webstorm IDE .htaccess support plugin and wrote this one line in the .htaccess file, which i put in the project’s directory:
Header set Access-Control-Allow-Origin '*'
Doesn’t help either. Please, help me overcome it, I’m already exhausted because nothing works out for me that worked out for others. Maybe I added strings in the wrong index.js at the second point? Or I made .htaccess file the wrong way at the third point? How can I check it out? Or maybe there is another way?
Tried all things that were advised on the net: 1) installing chrome plugins, 2) editing of the index.js file, 3) editing of the .htaccess file