searchusermenu
  • 发布文章
  • 消息中心
点赞
收藏
评论
分享
原创

vue3部署到云主机(CentOS系统)

2025-03-28 06:19:33
2
0

前期准备

1.购买CentOS系统的云主机。
2.打包vue3文件,默认打包后文件为dist。
3.安装nginx,注意:一定要安装Linux版本的。

部署

1.需要使用工具Xshell、Xftp。首先,使用Xshell与云主机进行连接,打开Xshell,点击“新建”。输入名称,这个可以随意命名。主机是云主机的ip。

2.在弹出用户名弹框,输入用户名,CentOS系统默认为root。

3.输入密码,这是创建云主机时设定的密码。

4.点击弹框的“确定”按钮后,就可以连接云主机了。

5.在Xshell命令桌面依次输入如下命令。

yum install gcc-c++ 
yum install -y pcre pcre-devel 
yum install -y zlib zlib-devel 
yum install -y openssl openssl-devel 

6.将dist和nginx安装包上传到云主机。点击Xshell弹框中的Xftp按钮,可以打开Xftp软件,左侧是本地电脑的文件目录,右侧是云主机的文件目录。

7.按如下命名行进行操作,安装nginx。注意:/usr/local/nginx/sbin为./configure的默认路径,部署的时候可以根据实际情况更改。例如:./configure --prefix=/data/program/nginx --with-http_ssl_module --with-http_stub_status_module,/data/program为设置好的目录。
cd /usr/local
将nginx安装包通过Xftp软件上传至/usr/local下。
tar -zxvf nginx-1.20.2.tar.gz
将解压后的nginx-1.20.2改名为nginx
cd nginx  // 进入到ngixn目录下
./configure 
make 
make install
8.通过whereis nginx查找安装目录,为/usr/local/nginx,通过下面命令启动nginx。
cd /usr/local/nginx/sbin
./nginx
9.将vue3的打包文件dist,上传至/usr/local/nginx/html目录下。
10.修改配置文件nginx.conf。将第一行默认的注释放开user nobody; 对server部分配置如下:

server {
    listen       端口号;  // 访问端口号,需要在云主机放开
    server_name  具体ip地址; // 云主机ip

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
        root   html/dist; 
        index  index.html index.htm;
        try_files $uri $uri/ @router;
    }
     location @router {
        rewrite ^.*$ /index.html last;
    }
}

设置开机自启动

vi /lib/systemd/system/nginx.service

nginx.service内添加如下内容:

Description=nginx - high performance web server
After=network.target remote-fs.target nss-lookup.target
[Service]
Type=forking
ExecStart=/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
ExecReload=/usr/local/nginx/sbin/nginx -s reload
ExecStop=/usr/local/nginx/sbin/nginx -s stop
[Install]
WantedBy=multi-user.target

 

 

0条评论
0 / 1000
w****n
17文章数
0粉丝数
w****n
17 文章 | 0 粉丝
原创

vue3部署到云主机(CentOS系统)

2025-03-28 06:19:33
2
0

前期准备

1.购买CentOS系统的云主机。
2.打包vue3文件,默认打包后文件为dist。
3.安装nginx,注意:一定要安装Linux版本的。

部署

1.需要使用工具Xshell、Xftp。首先,使用Xshell与云主机进行连接,打开Xshell,点击“新建”。输入名称,这个可以随意命名。主机是云主机的ip。

2.在弹出用户名弹框,输入用户名,CentOS系统默认为root。

3.输入密码,这是创建云主机时设定的密码。

4.点击弹框的“确定”按钮后,就可以连接云主机了。

5.在Xshell命令桌面依次输入如下命令。

yum install gcc-c++ 
yum install -y pcre pcre-devel 
yum install -y zlib zlib-devel 
yum install -y openssl openssl-devel 

6.将dist和nginx安装包上传到云主机。点击Xshell弹框中的Xftp按钮,可以打开Xftp软件,左侧是本地电脑的文件目录,右侧是云主机的文件目录。

7.按如下命名行进行操作,安装nginx。注意:/usr/local/nginx/sbin为./configure的默认路径,部署的时候可以根据实际情况更改。例如:./configure --prefix=/data/program/nginx --with-http_ssl_module --with-http_stub_status_module,/data/program为设置好的目录。
cd /usr/local
将nginx安装包通过Xftp软件上传至/usr/local下。
tar -zxvf nginx-1.20.2.tar.gz
将解压后的nginx-1.20.2改名为nginx
cd nginx  // 进入到ngixn目录下
./configure 
make 
make install
8.通过whereis nginx查找安装目录,为/usr/local/nginx,通过下面命令启动nginx。
cd /usr/local/nginx/sbin
./nginx
9.将vue3的打包文件dist,上传至/usr/local/nginx/html目录下。
10.修改配置文件nginx.conf。将第一行默认的注释放开user nobody; 对server部分配置如下:

server {
    listen       端口号;  // 访问端口号,需要在云主机放开
    server_name  具体ip地址; // 云主机ip

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
        root   html/dist; 
        index  index.html index.htm;
        try_files $uri $uri/ @router;
    }
     location @router {
        rewrite ^.*$ /index.html last;
    }
}

设置开机自启动

vi /lib/systemd/system/nginx.service

nginx.service内添加如下内容:

Description=nginx - high performance web server
After=network.target remote-fs.target nss-lookup.target
[Service]
Type=forking
ExecStart=/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
ExecReload=/usr/local/nginx/sbin/nginx -s reload
ExecStop=/usr/local/nginx/sbin/nginx -s stop
[Install]
WantedBy=multi-user.target

 

 

文章来自个人专栏
文章 | 订阅
0条评论
0 / 1000
请输入你的评论
0
0