目录
  • 前言
  • 一、准备工作
  • 二、使用步骤
    • 1.vue部署
    • 2.mysql部署
    • 3.配置Nginx
    • 4.后端部署
  • 总结

    前言

    提示：这里可以添加本文要记录的大概内容：

    参考网上将项目部署到服务器，这里只介绍简单部署的方式。

    提示：以下是本篇文章正文内容，下面案例可供参考

    一、准备工作

    (1) 安装Nginx —— 用于部署vue
    (2) 安装mysql —— 数据库
    (3)安装jdk
    (4) 部署springboot项目

    二、使用步骤

    1.vue部署

    打包vue项目

    vue3+springboot部署到Windows服务器的详细步骤

    将dist文件夹拷贝到Nginx的安装目录下

    vue3+springboot部署到Windows服务器的详细步骤

    2.mysql部署

    mysql网上资料很多，就不多说

    vue3+springboot部署到Windows服务器的详细步骤

    3.配置Nginx

    配置Nginx
    因为现在是把vue前端交给了Nginx代理，所以这里的端口号不一定是我们在vue项目中设置的端口号。这里的端口号必须是当前服务器开放的端口号。

    vue3+springboot部署到Windows服务器的详细步骤

    启动Nginx
    打开Nginx安装路径下的命令行

    代码如下（示例）：

    start nginxnginx -s stop

    vue3+springboot部署到Windows服务器的详细步骤

    在浏览器中打开网页:http://scck2dev02:8081
    自动跳到：http://scck2dev02:8081/#/login

    vue3+springboot部署到Windows服务器的详细步骤

    4.后端部署

    package打包springboot项目

    vue3+springboot部署到Windows服务器的详细步骤

    服务器启动springboot项目

    vue3+springboot部署到Windows服务器的详细步骤

    部署成功
    在浏览器中打开网页:http://scck2dev02:8081

    vue3+springboot部署到Windows服务器的详细步骤

    总结

    声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。