[Registro de uso 2] Servidor Ali executa projeto Vue

Grave minha primeira implantação do projeto vue no servidor

1 nó de instalação

Instale usando NVM. .

Conclua o seguinte para instalar a versão Node.js usando NVM:

1. Use git para clonar o código-fonte no diretório local ~/.nvm e verifique a versão mais recente.

   yum install git
   git clone https://github.com/cnpm/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

2. Ative o NVM.

   echo ". ~/.nvm/nvm.sh" >> /etc/profile
   source /etc/profile

3. Liste todas as versões do Node.js.

   nvm list-remote

4. Instale várias versões do Node.js.

   nvm install v16.6.1

5. Execute nvm lspara ver a versão do Node.js instalada.

   A versão usada neste exemplo é v7.4.0. Os resultados retornados são os seguintes.

   [root@iZXXXXZ .nvm]# nvm ls
   ->       v16.6.1

6. A execução nvm use <版本号>pode mudar a versão do Node.js.

   Por exemplo, mude a versão do Node.js para v7.4.0. Os resultados retornados são os seguintes.

   [root@iZXXXXZ .nvm]# nvm use v16.6.1
   Now using node v16.6.1

1. Baixe o pacote de instalação do Node.js.

   wget https://nodejs.org/dist/v16.6.1/node-v16.6.1-linux-x64.tar.xz

2. descompacte os arquivos.

   tar xvf node-v16.6.1-linux-x64.tar.xz

3. Crie um link simbólico e você poderá usar diretamente os comandos node e npm em qualquer diretório.

   ln -s /root/node-v16.6.1-linux-x64/bin/node /usr/local/bin/node
   ln -s /root/node-v16.6.1-linux-x64/bin/npm /usr/local/bin/npm

4. Verifique a versão do nó e do npm.

   node -v
   npm -v

 Número da versão 16.6.1, isso está mudando, se você precisar da versão mais recente, acesse o site oficial para verificar o número da versão mais recente

 2. Extraia o código vue

git clone http://endereço do código

instalação npm

Se um erro for relatado, instale o cnpm

npm instalar -g cnpm --registry=https://registry.cpm.taobao.org

Usando a instalação do cnpm

Às vezes você encontrará erros ao instalar o node-sass

Instale o node-sass separadamente neste momento

cnpm instalar node-sass
 

 3. Instale o niginx

Digite o diretório do servidor cd /usr/local/

1. Instale dependências relacionadas ao nginx: gcc, pcre-devel, zlib-devel, openssl-devel. O comando é o seguinte:

　　yum -y instalar gcc pcre-devel zlib-devel openssl openssl-devel

2. Baixar:

        wget  https://nginx.org/download/nginx-1.9.9.tar.gz

3. Descompacte:

        tar -zxvf nginx-1.9.9.tar.gz 

4. Renomeie a pasta para nginx:

        mv nginx-1.9.9 nginx

5. Digite o diretório:
        cd nginx/

6. Crie um arquivo de log
        mkdir logs

7. Defina permissões

        registros chmod 700

8.
        Configuração de instalação./configure --prefix=/usr/local/nginx
        make
        make install

9. Teste se a instalação foi bem-sucedida./sbin/nginx
        -t

 10. Outros comandos

Reinicie o nginx: Entre no diretório nginx: ./sbin/nginx -s reload

Copie uma pasta para a pasta especificada: cp -r /home/vue3-music-app/dist/ /usr/local/nginx/html/

Quarto, configure o nginx

1. Primeiro, o front end precisa definir o axosbaseURL para: http://99.*.*.*/music-next/

2. Configuração do código front-end do nginx

No arquivo de configuração está sendo modificado

localização /music/ {     alias /home/vue3-music-app/dist/; }

3. O proxy da interface iniciado pelo nó (deve ser o mesmo que /music-next/ em 1)
location /music-next/ {     proxy_pass http://127.0.0.1:9002/; }

4. Após a configuração ser bem-sucedida, a url acessada pelo navegador é: http://99.*.*.*/music/#/

5. A interface acessada no navegador é: http://99.*.*.*/music-next/api/***

Outro Resumo Suplementar

1. Cada vez que você entra no servidor, você precisa redefinir a versão do nó (caso contrário, npm e node não encontrarão o comando): nvm use v16.6.1

2. Esta configuração não precisa ser usada novamente todas as vezes. O comando é o seguinte: nvm alias default 16.6.1

3. Outro problema foi descoberto. O serviço do nó parou após fechar a janela de conexão do servidor. Como manter o programa node.js rodando em segundo plano?
  1) Instale para sempre: sudo npm install -g para sempre

  2) Use forever para iniciar o programa nodejs: forever start xxx.js

  Se você usar npm start para executar o programa, use o comando: forever start -c "npm start" path.

  3) Monitore as alterações do arquivo e reinicie automaticamente: forever start -w XXX.js

  4) Interrompa toda a execução: nó App para sempre

  5) Pare um deles: node App forever stop app.js

  6) Exclua a pasta node_modules: Digite o diretório raiz do projeto vue e digite rm -fr node_modules

  7) Outro método de inicialização, este método pode ser usado quando a instalação do forever não for bem-sucedida:

      1. Crie um novo arquivo e insira o seguinte conteúdo em run.sh

nohup npm start >nohup.out 2>&1 &

     2. Para iniciar este arquivo, digite na linha de comando: sh run.sh

8) Comece com pm2

        1. Instale pm2 globalmente npm install -g pm2

        2. Inicie o nó pm2, inicie app.js com pm2

        Se o erro pm2 não encontrou o comando

        Modifique o arquivo /etc/profile e adicione o seguinte no final  

export PATH="$PATH:/home/xx.xx/node-v8.11.3-linux-x64/bin"


/home/xx.xx/node-v8.11.3-linux-x64这一段内容是node的安装路径

查找自己的node安装路径：npm prefix -g