1. Abra a linha de comandos no diretório do projeto (o mesmo diretório que o arquivo package.json do projeto ).
Nota: package.json contém os itens de configuração necessários para a execução do projeto e serão carregados quando o projeto for compilado
2. Execute o comando
projeto vue: npm run dev iniciará o projeto imediatamente no ambiente de desenvolvimento
reagir projeto: npm run start iniciará o projeto imediatamente no ambiente de desenvolvimento
npm run build compile e empacote o projeto
O comando executado aqui também é as informações de script marcadas em package.json.Se o prompt de comandos estiver errado, você poderá abrir o arquivo package.json para verificar as informações de script executável necessárias.
3. Após executar o comando compile, a pasta dist será gerada no diretório do projeto, e o arquivo front-end compilado será colocado dentro e indexl.html é a entrada do projeto.
4. Ao abrir o index.html com um navegador, você descobrirá que nada será exibido.Quando usar F12 para abrir a barra de depuração, verá que ocorreu um erro no console.
/
5. Esse é um problema de referência ao caminho do recurso. Podemos abrir o arquivo config / index.js no projeto e encontrar as seguintes propriedades para fazer alterações
A mudança real aqui é alterar o caminho absoluto padrão para um caminho relativo.Se você não o modificar, poderá acessar diretamente os arquivos dist, colocando-os no diretório raiz do servidor.
6. Recompile e abra o arquivo