В моем проекте у меня есть клиент React (созданный с помощью create-реагировать на приложение) и сервер Node.js с экспресс.Клиент работает на localhost:3000
, а сервер на localhost:5000
.
В моем клиенте package.json
у меня есть следующее: "proxy": "http://localhost:5000"
, что позволяет мне получать доступ к маршрутам API со стороны узла (например,, /users/dothis
, а не localhost:5000/users/dothis
).
На моем сервере package.json
у меня есть следующие сценарии:
"scripts": {
"client-install": "npm install --prefix client",
"test": "node server.js",
"server": "nodemon server.js",
"client": "npm start --prefix client",
"dev": "concurrently \"npm run server\" \"npm run client\""
},
Теперь в React есть файл App.css, куда я помещаю свой собственный CSS.Однако, когда я делаю что-то вроде этого:
@font-face {
font-family: 'nucleo-icons';
src: url("/fonts/nucleo-icons.eot");
src: url("/fonts/nucleo-icons.eot") format("embedded-opentype"), url("/fonts/nucleo-icons.woff2") format("woff2"), url("/fonts/nucleo-icons.woff") format("woff"), url("/fonts/nucleo-icons.ttf") format("truetype"), url("/fonts/nucleo-icons.svg") format("svg");
font-weight: normal;
font-style: normal;
}
я получаю следующую ошибку:
Proxy error: Could not proxy request /fonts/nucleo-icons.woff2 from localhost:3000 to http://localhost:5000.
Кажется, что файл CSS берет URL-адрес и пытаетсячтобы передать его через прокси на localhost: 5000 - но я, очевидно, не хочу этого, так как я просто хочу установить путь расположения CSS для значков.
Кто-нибудь знает, как это обойти?Изменение пути для начала с ./
вместо /
, похоже, не работает.И кажется, что любой путь src, который я установил, скорее всего, также натолкнется на тот же контрольно-пропускной пункт ..