vue部署到nginx

将Vue部署到Nginx可以通过以下步骤完成：

1. 首先，确保已经安装了Nginx并启动了Nginx服务。可以使用命令"systemctl start nginx"来启动Nginx服务。

2. 接下来，将Vue项目的打包文件部署到Nginx的默认目录，即"/usr/local/nginx/html"。可以将打包后的文件夹直接复制到该目录下。

3. 然后，编辑Nginx的配置文件"/usr/local/nginx/conf/nginx.conf"，找到server段并添加以下配置：

server {
    listen 80;
    server_name your_domain.com;

    location / {
        root /usr/local/nginx/html/your_vue_project;
        index index.html;
        try_files $uri $uri/ /index.html;
    }
}

在上述配置中，将"your_domain.com"替换为你的域名或IP地址，将"your_vue_project"替换为你的Vue项目的文件夹名称。

4. 保存并退出配置文件后，重新加载Nginx配置文件以使更改生效，可以使用命令"./nginx -s reload"。

5. 最后，通过访问你的域名或IP地址即可查看部署好的Vue应用。例如，通过访问"http://your_domain.com"或"http://your_ip_address"来验证部署是否成功。

请注意，如果你的Vue应用使用了路由功能，需要添加额外的配置以支持前端路由。具体的配置可以参考Vue官方文档或相关的教程。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue（六） Nginx项目部署](https://blog.csdn.net/qq_40772692/article/details/124988974)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Vue项目部署（Nginx）](https://blog.csdn.net/weixin_42067873/article/details/126704266)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]