nginx反向代理部署vue项目(history模式)的方法

部署Vue项目时使用Nginx反向代理的方法如下：

1. 首先，确保已经安装了Nginx服务器。如果没有安装，请先进行安装。

2. 在Nginx的配置文件中添加一个新的服务器块，用于反向代理Vue项目。可以在以下位置找到配置文件：/etc/nginx/nginx.conf。

3. 在新的服务器块中，设置监听的端口号和域名。例如，我们可以使用端口号80和域名项目.example.com（请替换为您自己的域名）。

4. 在服务器块中添加以下配置，以将所有请求代理到Vue项目的IP地址和端口上：

location / {
    try_files $uri $uri/ /index.html;
    proxy_pass http://127.0.0.1:8080;
}

这些配置指令的作用是将所有请求先尝试以文件形式查找，如果找不到则重定向到index.html文件。然后，将请求代理到Vue项目运行的IP地址和端口上。

5. 保存并关闭Nginx的配置文件。

6. 重启Nginx服务器，使更改生效。在终端中输入以下命令进行重启：

sudo service nginx restart

7. 现在，您可以使用域名或IP地址访问Vue项目。例如，http://项目.example.com。

通过使用Nginx反向代理部署Vue项目，可以实现将所有请求代理到Vue项目上，并使用Vue的history模式进行路由。这样，您就可以在服务器上为Vue项目提供服务，并在浏览器中以友好的URL格式进行访问。