将 Vue 项目部署在 Nginx

将 Vue 项目部署在 Nginx 上通常需要以下步骤：

1. 构建项目：在部署之前，需要使用 Vue CLI 或其他构建工具对项目进行构建。构建过程会生成静态文件，包括 HTML、CSS、JavaScript 和其他资源文件。
2. 安装和配置 Nginx：确保已经安装了 Nginx 并配置好了服务器环境。具体的安装和配置方法可以根据操作系统进行参考。
3. 创建 Nginx 配置文件：在 Nginx 的配置文件目录下，创建一个新的配置文件，比如 myapp.conf。

nginxCopy code
server {
  listen 80;
  server_name your_domain.com;

  location / {
    root /path/to/your/project/dist;  // Vue 项目构建生成的静态文件目录
    index index.html;
    try_files $uri $uri/ /index.html;
//1.  首先，尝试匹配当前请求的文件路径 `$uri`。如果该文件存在，则直接返回该文件的内容。
//2.  如果第一步失败，尝试匹配当前请求的路径 `$uri/`（即在路径后面添加一个斜杠）。如果该路径存在，则返回该路径对应的目录内容。
//3.  如果前两步都失败，即文件和路径都不存在，则返回 `/index.html`。这通常用于处理 Vue.js 或其他单页应用（SPA），将所有请求都指向主页面 `index.html`，由前端路由进行处理。
	}
}

在上述配置中，需要将 your_domain.com 替换为你的域名或服务器的 IP 地址，将 /path/to/your/project/dist 替换为你的 Vue 项目构建生成的静态文件目录的实际路径。

4. 启动 Nginx：启动或重启 Nginx 服务，以使配置文件生效。

bashCopy code
sudo systemctl start nginx   // 启动 Nginx
sudo systemctl restart nginx // 重启 Nginx

5. 访问应用：通过浏览器访问你的域名或服务器的 IP 地址，即可看到部署在 Nginx 上的 Vue 项目。

请注意，上述步骤是一个简单的示例，具体的部署过程可能因环境和需求而有所不同。例如，如果你的应用需要使用 HTTPS 协议，你需要在 Nginx 配置文件中添加 SSL 证书的相关配置。此外，还需要考虑项目的路由模式和后端 API 请求的代理等其他因素。在实际部署过程中，你可能需要根据具体情况进行适当的调整和配置。
建议在部署之前，先详细了解 Nginx 的配置和相关知识，并参考官方文档或其他可靠资源来完成部署过程。

跨域配置

location /api/ {
      //请求服务器时，匹配到api则转到这里去处理
      proxy_pass  https://******/api/; 具体地址
  }