如何设置nginx laravel vue cli项目

Question

嗨，我正在为BackOffice创建laravel，为前端创建Api。

在前端，我使用vuejs。

如何设置nginx

• 如果查找路径/管理-

这是我现在用的

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html;

    index index.html index.php  index.htm index.nginx-debian.html;

    server_name localhost;

    location / {
        // Here is working fine run index.html ( vue )
        try_files $uri $uri/ = /index.html;
    }

    location ~ \.php$ {
      // setup php version
      include snippets/fastcgi-php.conf;

      fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;
   }

    location  /api {
        // I want to go in laravel path here. It's not working 
         root /var/www/html/serverside/public;
         try_files $uri $uri/ /index.php?$query_string;
    }

    location  /admin {
        // I want to go in laravel path here.It's not working 
         root /var/www/html/serverside/public;
         try_files $uri $uri/ /index.php?$query_string;
    }

}

这是我的文件夹结构

/var/www/html/serverside/laravelproject ( in serverside laravel project locate here )
/var/www/html/index.html ( Here is vue js )

*****更新*****

这是我的拉威尔。形态

server {
    listen 80;
    root /var/www/html/serverside/public;
    index  index.php index.html index.htm;
    server_name  localhost;

    location / {
        try_files $uri $uri/ /index.php?$query_string;        
    }


    location ~ \.php$ {
       include snippets/fastcgi-php.conf;
       fastcgi_pass             unix:/var/run/php/php7.2-fpm.sock;
       fastcgi_param   SCRIPT_FILENAME $document_root$fastcgi_script_name;
    }

}

nginx错误。日志显示/etc/nginx/sites enabled/laravel。conf”在/etc/nginx/nginx.conf:62中失败（40：符号链接级别过多）

Answer 1

如果有人出现此消息错误：

nginx的工作。服务失败，因为控制进程已退出，错误代码为。我无法运行服务nginx restart/etc/nginx/sites enabled/laravel。conf“失败（40：符号链接级别过多）

原因是因为文件链接不能链接相同的文件

例如：ln-s /etc/nginx/sites-enabled/laravel.conf /etc/nginx/sites-enabled/

它将显示此消息错误

请使用此命令链接文件

/etc/nginx/sites available/{fileName}/etc/nginx/sites enabled/

Answer 2

laravel的最小nginx vhost是这样的，在ubuntu服务器中，这个vhost的正确位置是 /etc/ngixt/sites-available.

#laravel.conf
server {
    listen 80;
    root /var/www/html/project_name/public;
    index  index.php index.html index.htm;
    server_name  api.example.com www.api.example.com;

    location / {
        try_files $uri $uri/ /index.php?$query_string;        
    }


    location ~ \.php$ {
       include snippets/fastcgi-php.conf;
       fastcgi_pass             unix:/var/run/php/php7.2-fpm.sock;
       fastcgi_param   SCRIPT_FILENAME $document_root$fastcgi_script_name;
    }

}

vuejs的最小nginx vhost如下所示，您可以使用pm2的forever在特定端口（如8081）运行vue js应用程序，。。。申请代理通行证

#vue.conf
server {
  listen 80;
  index index.html;
  server_name example.com www.example.com;

  location / {
      proxy_pass http://localhost:8080;
  }
}

不要忘记在启用的网站中生成符号链接

# ln -s /etc/nginx/sites-enabled/laravel.conf /etc/nginx/sites-enabled/
# ln -s /etc/nginx/sites-enabled/vue.conf /etc/nginx/sites-enabled/
# service ntinx -t
# service nginx restart

此外，您还可以添加ssl配置等，