Конфигурирование моего devServer для моего localHost пути не работает - PullRequest
0 голосов
/ 29 апреля 2020

Добрый день разработчики, в этом приложении я создаю небольшую проблему с моим прокси-сервером devServer, потому что, несмотря на то, что он был изменен для запуска или выполнения запроса на вызов от моего локального хоста: 8080 (back-end), он продолжает звонить передний конец дает ошибку 404. Здесь моя конфигурация в файле vue .config. js

module.exports = {
  "devServer": {
    "proxy": "http://localhost:8080/"
 },
  "transpileDependencies": [
    "vuetify"
  ],

}

в моем состоянии управления ответственный метод вызова пути будет выглядеть так:

fetchSignIn({ commit, dispatch }, payload) {
      fetch("api/login", {
        credentials: "include",
        headers: {
          "Content-Type": "application/x-www-form-urlencoded",
        },
        method: "POST",
        body: getBody({
          name: payload.userName,
          password: payload.userPassword,
        }),
      })
        .then((user) => {
          console.log(user);

          if (user.Error) {
            console.log("error on log in", user);
            commit("setUserAuth", false);
          } else {
            user;
            commit("setUserAuth", true);
            router.push("/");
            }
        })
        .catch((error) => {
          console.log("error", error);
        });
      function getBody(json) {
        var body = [];
        for (var key in json) {
          var encKey = encodeURIComponent(key);
          var encVal = encodeURIComponent(json[key]);
          body.push(encKey + "=" + encVal);
        }
        return body.join("&");
      }
    },

будучи исходным запросом на внутреннем сервере по этому пути в моей конфигурации Web Security в SpringBoot

Configuration
@EnableWebSecurity
class WebSecurityConfig extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
//      http.cors();///de heroku tambien
        http.authorizeRequests()
                .antMatchers("/bikes/all").permitAll()
                .antMatchers("/bikes/details/for/user").permitAll()
                .antMatchers("/h2-console/**").permitAll()
                .antMatchers("/rest/**").hasAuthority("ADMIN")
                .antMatchers("/**").hasAuthority("USER")
                .anyRequest().fullyAuthenticated();

        http.formLogin()
                .usernameParameter("name")
                .passwordParameter("password")
                .loginPage("/api/login");

        http.logout().logoutUrl("/api/logout");

        http.csrf().disable();

        http.exceptionHandling().authenticationEntryPoint((req, res, exc) -> res.sendError(HttpServletResponse.SC_UNAUTHORIZED));

        http.formLogin().successHandler((req, res, auth) -> clearAuthenticationAttributes(req));

        http.formLogin().failureHandler((req, res, exc) -> res.sendError(HttpServletResponse.SC_UNAUTHORIZED));

        http.logout().logoutSuccessHandler(new HttpStatusReturningLogoutSuccessHandler());

        http.headers().frameOptions().sameOrigin();
    }

, но затем выдает мне эту ошибку: "POST http://localhost: 8082 / api / login 404 (Не найдено) ", где, когда я проверяю путь запроса, я понимаю, что в основном не меняет источник локального хоста, сохраняя его в зависимости от того, какой из них используется интерфейсом в данный момент. Есть идеи о том, почему это происходит? Любой совет? Спасибо заранее и хорошего дня !!!

...