技术大变革：全景展望Web项目部署上线背后端与nginx及服务器配置

前端

2023-10-08 04:15:00

Web项目的成功部署上线，离不开对前后端、nginx以及服务器的正确配置。本文将以Vue-cli3.0、Laravel和nginx作为技术栈，全面解析Web项目部署上线过程中的关键配置要点，为读者提供一份实用的技术指南。

1. Vue-cli3.0项目构建

首先，我们需要在本地环境中构建Vue-cli3.0项目。具体步骤如下：

安装Vue-cli3.0：npm install -g @vue/cli
创建新的Vue项目：vue create my-project
进入项目目录：cd my-project
运行项目：npm run serve
将项目构建为生产模式：npm run build

2. Laravel项目配置

接下来，我们需要配置Laravel项目以使其能够与Vue-cli3.0项目配合工作。

安装Laravel：composer create-project laravel/laravel
进入项目目录：cd laravel
配置.env文件：将APP_URL的值改为你的项目域名
安装Vue-cli3.0项目构建结果：composer require laravel/ui --dev
运行Artisan命令生成Vue路由和组件：php artisan ui vue --auth
运行项目：php artisan serve

3. nginx配置

nginx是一个高性能的Web服务器，我们将在其上配置Web项目。

安装nginx：yum install nginx
创建nginx配置文件：nano /etc/nginx/conf.d/my-project.conf
在配置文件中添加如下内容：

server {
    listen 80;
    server_name example.com;
    root /var/www/html/my-project/public;
    index index.html index.php;

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

    location ~ \.php$ {
        fastcgi_pass 127.0.0.1:9000;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }
}

重启nginx：systemctl restart nginx

4. 服务器配置

最后，我们需要确保服务器正确配置以支持Web项目。

安装必要的软件包：yum install epel-release yum-utils
启用Web服务存储库：yum-config-manager --enable remi-php74
安装PHP和相关扩展：yum install php74-fpm php74-mysqlnd php74-mbstring php74-xml php74-gd
配置PHP：nano /etc/php.ini
重启PHP-FPM：systemctl restart php74-fpm
配置防火墙：firewall-cmd --add-port=80/tcp --permanent
重启防火墙：firewall-cmd --reload

5. 部署项目

现在，我们可以将Web项目部署到服务器上。

将Vue-cli3.0项目构建结果复制到服务器上：scp -r build/* user@example.com:/var/www/html/my-project/public
将Laravel项目复制到服务器上：scp -r laravel/* user@example.com:/var/www/html/my-project
在服务器上运行Composer安装依赖：ssh user@example.com "cd /var/www/html/my-project && composer install"
在服务器上运行Artisan命令生成密钥：ssh user@example.com "cd /var/www/html/my-project && php artisan key:generate"
在服务器上运行迁移命令创建数据库表：ssh user@example.com "cd /var/www/html/my-project && php artisan migrate"
在服务器上运行种子命令填充数据库：ssh user@example.com "cd /var/www/html/my-project && php artisan db:seed"