nginx下如何部署vue项目

在部署Vue项目到Nginx上时，需要做一些准备工作。首先，需要安装Node.js和NPM，以及Nginx服务器。

接下来，需要使用NPM安装Vue CLI，并创建一个新的Vue项目。在项目根目录下，运行以下命令：

npm install -g @vue/cli
vue create my-project

这样就可以在本地创建一个新的Vue项目，并安装所有必需的依赖项。

接下来，需要在项目根目录下运行以下命令，以编译Vue项目：

npm run build

这会将Vue项目编译成一个静态文件，可以在Nginx服务器上运行。

最后，需要在Nginx配置文件中添加一些设置，以便Nginx服务器可以处理Vue项目。这些设置包括：

• 配置Nginx服务器的根目录，以指向Vue项目的编译文件夹。
• 配置Nginx服务器使用HTML5模式，以便可以正确处理Vue路由。
• 配置Nginx服务器使用gzip压缩，以提高页面加载速度。
• 配置Nginx服务器使用HTTP2，以提高页面加载速度。

完成了这些设置后，就可以在Nginx服务器上运行Vue项目了。