前期准备
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软件,左侧是本地电脑的文件目录,右侧是云主机的文件目录。
cd /usr/local将nginx安装包通过Xftp软件上传至/usr/local下。tar -zxvf nginx-1.20.2.tar.gz将解压后的nginx-1.20.2改名为nginxcd nginx // 进入到ngixn目录下./configure make make installcd /usr/local/nginx/sbin./nginx9.将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 serverAfter=network.target remote-fs.target nss-lookup.target[Service]Type=forkingExecStart=/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.confExecReload=/usr/local/nginx/sbin/nginx -s reloadExecStop=/usr/local/nginx/sbin/nginx -s stop[Install]WantedBy=multi-user.target