Resolução de Problemas Comuns em Aplicações Spring e Vue

Mensagem de inicialização: Initializing Spring DispatcherServlet 'dispatcherServlet'

Inicializando Servlet 'dispatcherServlet'

Inicialização concluída em 2 ms

Solução:

# Define o carregamento automático do dispatcherServlet, padrão -1 (desativado), 0 ou superior (ativado)
spring.mvc.servlet.load-on-startup=1

Erro na página: net::ERR_ABORTED 404 (Not Found)

Solução: Alterar o caminho dos recursos para ../js

Erro ao executar java -jar: Could not find or load main class

Solução: É necessário configurar o plugin correto do Spring Boot no arquivo pom.xml e especificar a classe principle (mainClass)

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
            <configuration>
                <mainClass>com.example.DemoApplication</mainClass>
            </configuration>
            <executions>
                <execution>
                    <goals>
                        <goal>repackage</goal>
                    </goals>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>

Problema: Input byte array has wrong 4-byte ending unit

Solução: O erro ocorre quando o tamanho da string é diferente do esperado

Problema: Last unit does not have enough valid bits

Solução: A string codificada não possui comprimento múltiplo de 4. Isso pode acontecer quando caracteres especiais como "+" ou "#" são perdidos durante a transmissão, resultando em um número insuficiente de bits (menos de 24)

Problema: input byte array has incorrect ending byte at xxx

Solução: O array de bytes de entrada contém um caractere inválido na posição xxx

Problema: Vue install Element UI error code ERESOLVE unable to resolve dependancy tree

Solução: Vue 3 não é compatível com Element UI; deve-se usar Element Plus

$ npm i element-ui -S --legacy-peer-deps

Problema: Vue project error: Comopnent name "xxx" should always be multi-word

Solução: Adicionar a configuração lintOnSave:false no vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false
})

Problema: Vue project background image error Cannot resolve directory ‘assets’

Solução: Este problema ocorre no Vue 2.6 devido à configuração do webpack

Alterar background: url("../assets/bg.jpg"); para background: url("~@/assets/bg.jpg");

1. "./assets/bg.jpg": Caminho relativo
2. "assets/bg.jpg": Interpretado como caminho relativo pelo webpack
3. "~@/assets/bg.jpg": Interpretado como require(src/assets/bg.jpg), importação dinâmica
   @ é resolvido como /src através da configuração resolve.alias no webpack
4. "/assets/logo_blue.png": webpack não interpreta este caminho

Tags: Spring vue maven webpack element-plus

Publicado em 9-20 16:58