前后端项目部署

前端项目的部署

前端使用了npm软件包管理工具进行打包

使用本条命令

npm run build

打包成功后会显示如下信息

在目录中会新生成一个dist文件夹，该文件夹中的内容即为打包好的内容

将dist文件夹上传到服务器中

修改nginx的配置文件（位于nginx安装目录下的conf/nginx.conf）

修改配置文件中的server如下（服务名称也可以使用nginx的反向代理）

启动nginx的服务器(如果没有配置环境变量，则进入nginx的sbin目录)，使用该命令启动nginx服务器

./nginx //启动nginx服务器的命令
./nginx -s stop //关闭nginx服务器的命令
./nginx -s reload //重新加载nginx服务器的命令

启动成功

之后在浏览器中输入服务器的IP地址，即可访问前端项目

后端项目的部署

后端项目使用maven进行打包

打包后会生成target文件夹

将target文件夹中的.jar包上传到服务器中

在jar包的目录下使用本条命令，启动项目

nohup java -jar momo_shopping_mall1-1.0-SNAPSHOT.jar &

启动后可以查看nohup.out文件查看日志是否有报错

如果日志中出现了这个错误（原因在于maven在打包时没有配置主类）

可以在pom.xml文件中添加如下代码即可解决问题

<build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

之后重新打包上传即可正常启动

如果出现了这个错误（jar未找到），去maven依赖查了下，发现该jar包未空，于是删掉重新下载，再次打包，成功启动

成功启动

前后端项目成功访问