在nginx上部署vue项目(history模式)

在Nginx上部署Vue项目（使用history模式）需要进行以下步骤：

1. 安装Nginx：首先确保已经在服务器上安装了Nginx，可以使用包管理器（如apt、yum等）进行安装。安装完成后，启动Nginx服务。

2. 构建Vue项目：在本地开发环境中使用Vue CLI构建好的Vue项目，使用以下命令构建：

npm run build

此命令将生成一个`dist`目录，包含了打包好的静态资源。

3. 配置Nginx：找到Nginx的配置文件，默认路径为`/etc/nginx/nginx.conf`，使用文本编辑器打开进行编辑。

4. 在Nginx的配置文件中找到`location /`的块，并将其替换为以下内容：

location / {
    try_files $uri $uri/ /index.html;
}

这段配置代码的作用是将所有的URL请求重定向到`index.html`文件，因为Vue项目是一个单页应用，所有的页面都由`index.html`和JavaScript文件来管理。

5. 配置代理（可选）：如果Vue项目需要与后端API进行通信，可以将API请求代理到后端服务器。在Nginx配置文件的`location /`块后面，添加以下内容：

location /api/ {
    proxy_pass http://backend-server;
}

将`backend-server`替换为实际的后端服务器地址。

6. 保存并退出Nginx配置文件。重新加载Nginx配置，使更改生效：

nginx -s reload

现在，Vue项目已经成功部署在Nginx上，并且可以通过服务器的IP地址或域名进行访问。使用history模式的Vue路由器可以正常工作，并且URL不会显示`/#/`的哈希标记。