У меня проблема с правильной загрузкой ReactJS при использовании обратного прокси-сервера Spring Cloud Gateway. Если я получаю доступ к ReactJS напрямую из 192.168.99.100:3000, который является прямым путем docker в наборе инструментов docker, он загружается нормально и отображает все Javascript. Однако если я попытаюсь получить доступ к проекту ReactJS с использованием Spring Cloud Gateway по адресу 192.168.99.100:9500/testservice/ui/, я получу Uncaught SyntaxError: Unexpected token '<' из командной строки. А также все заполненные данные c, дающие 304 без изменений .
Это проект колледжа и часть независимого исследования. Код будет использоваться, чтобы помочь с обработкой Аутентификации и Авторизации для сайта кладовой еды.
Мой проект можно найти здесь: BNM
А раздел, над которым я сейчас работаю, может можно найти здесь: TestService (или вы можете перейти к структуре папок на /TestService/frontend/)
Некоторые исправления, которые я уже пробовал, включают:
Настройка homepage в файле package.json:
"homepage":"/testservice/ui/"
Переключение на Dockerfile на основе Nginx
# build environment
FROM node:13.12.0-alpine as build
WORKDIR /app
ENV PATH /app/node_modules/.bin:$PATH
COPY package.json ./
COPY package-lock.json ./
RUN npm ci --silent
RUN npm install react-scripts@3.4.0 -g --silent
COPY . ./
RUN npm run build
# production environment
FROM nginx:stable-alpine
COPY --from=build /app/build /usr/share/nginx/html
# new
COPY nginx/nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 3000
CMD ["nginx", "-g", "daemon off;"]
Задание базы ref:
<base href="/testservice/ui/" />
Возможно, мне не хватает некоторых вещей, которые я пробовал, но я действительно застрял
Извините, я не ссылался на код непосредственно в этом сообщении, поскольку проблема многословна, и я хотел бы загромождать все. Если кто-то захочет, чтобы я опубликовал код, просто запросите его, и я сделаю это.
Я благодарю всех за любую поддержку, которую они могут оказать.