首先,您需要安装 Nginx 和 Node.js,然后按照以下步骤部署 Vue 项目:

  1. 在您的 CentOS 服务器上下载并安装 Node.js,可以从官网下载对应版本的二进制文件或使用 yum 安装。

  2. 在您的 CentOS 服务器上下载并安装 Nginx,可以使用 yum 安装,安装完成后启动 Nginx 服务。

  3. 在您的 Vue 项目中,运行以下命令来构建项目:

npm install
npm run build

这将在您的项目目录下生成一个'dist'目录,其中包含了所有需要部署的文件。

  1. 将生成的'dist'目录中的所有文件复制到 Nginx 的默认站点目录'/usr/share/nginx/html'下。
cp -r dist/* /usr/share/nginx/html/
  1. 配置 Nginx 的默认站点,打开'/etc/nginx/conf.d/default.conf'文件,在'server'块中增加以下配置:
location / {
    try_files $uri $uri/ /index.html;
}

这将使 Nginx 在找不到对应文件时重定向到 Vue 项目的'index.html'文件。

  1. 重启 Nginx 服务使配置生效:
systemctl restart nginx.service

现在,您的 Vue 项目已经成功部署在 CentOS 7 内网中的 Nginx 服务器上了。您可以通过浏览器访问服务器的 IP 地址或域名来查看部署的 Vue 项目。


原文地址: https://www.cveoy.top/t/topic/lXtX 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录