Перенос каталога `dist` проекта vue-cli в подпапку сервера nginx с помощью перехватчиков git - PullRequest
0 голосов
/ 13 октября 2019

Я создал проект Vue с помощью Vue-Cli. Мой производственный код создается в папке dist локально. В настоящее время, когда я фиксирую этот код и отправляю его в исходное состояние, для пересылки содержимого этой папки dist в корень сервера устанавливается http://site_name.com. Я хочу, чтобы папка dist находилась в подпапке сервера, http://site_name.com/highlights. Как мне это сделать?

Ответы [ 2 ]

1 голос
/ 13 октября 2019

Вам необходимо определить блок местоположения и указать путь к вашей папке dist. В вашем случае добавьте этот код в sites_enabled/site_name.com.conf:

location /highlights {
    root path/to/your/app/dist;
}
0 голосов
/ 13 октября 2019

На официальных документах Vue CLI есть очень хорошая страница, в которой рассматриваются общие стратегии развертывания, где есть отличный пример конфигурации nginx, которую я лично использую в своих приложениях: (https://cli.vuejs.org/guide/deployment.html#docker-nginx)

user  nginx;
worker_processes  1;
error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;
events {
  worker_connections  1024;
}
http {
  include       /etc/nginx/mime.types;
  default_type  application/octet-stream;
  log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                    '$status $body_bytes_sent "$http_referer" '
                    '"$http_user_agent" "$http_x_forwarded_for"';
  access_log  /var/log/nginx/access.log  main;
  sendfile        on;
  keepalive_timeout  65;
  server {
    listen       80;
    server_name  localhost;
    location / {
      root   /app;
      index  index.html;
      try_files $uri $uri/ /index.html;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
      root   /usr/share/nginx/html;
    }
  }
}

Этоотлично работает для меня. Я просто скопировал свою папку dist в каталог с именем /app на моем сервере. Я лично делаю это с помощью docker, что также является отличным примером на этой странице.

...