ubuntu部署vue使用nginx绑定域名

在 Ubuntu 上部署 Vue.js 应用并使用 Nginx 绑定域名的步骤如下：

1. 安装 Node.js 和 npm

在 Ubuntu 上运行以下命令安装 Node.js 和 npm：

sudo apt update
sudo apt install nodejs npm

2. 安装 Vue CLI

在 Ubuntu 上运行以下命令安装 Vue CLI：

sudo npm install -g @vue/cli

3. 创建 Vue.js 应用程序

在 Ubuntu 上运行以下命令创建一个新的 Vue.js 应用程序：

vue create my-app

4. 构建 Vue.js 应用程序

进入 Vue.js 应用程序的根目录并运行以下命令构建应用程序：

cd my-app
npm run build

这会在 `dist` 目录中生成一个打包好的应用程序。

5. 安装 Nginx

在 Ubuntu 上运行以下命令安装 Nginx：

sudo apt install nginx

6. 配置 Nginx

在 Ubuntu 上使用以下命令编辑 Nginx 的默认站点配置文件：

sudo nano /etc/nginx/sites-available/default

添加以下配置到 `server` 块中：

server {
    listen 80;
    server_name example.com; # 将 example.com 替换为你自己的域名

    location / {
        root /path/to/your/vue/app/dist; # 将 /path/to/your/vue/app/dist 替换为你的 Vue.js 应用程序的 dist 目录路径
        index index.html;
        try_files $uri $uri/ /index.html;
    }
}

保存并关闭文件。

7. 重启 Nginx

运行以下命令重启 Nginx：

sudo systemctl restart nginx

现在你可以通过域名访问你的 Vue.js 应用程序了。