前后端分离架构部署到linux上

目录

 

1、感谢

2、后端打包部署

2.1、打包

2.2、部署

3、VUE前端打包部署

3.1、打包配置

3.2、程序配置

3.2.1、修改vue.config.js文件

3.2.2、修改src/router/index.js文件

3.2.3、修改src/layout/components/Navvar.vue文件

3.3、打包

3.4、部署

3.4.1、部署到nginx

3.4.2、nginx配置

4、检查

5、问题整理

5.1、打开后报404错误，验证码出不来

5.2、打开主页提示“登录状态已过期，您可以继续留在该页面，或者重新登录”，检查代码是401错误

---

1、感谢

首先在这里感谢若依前后端分离框架的作者们提供了前后端分离开发框架。

2、后端打包部署

2.1、打包

后端开发自测完成后，修改父工程中的pom文件中maven-compiler-plugin的版本，由于框架自带的3.1版本我这边编译器打包失败，所以我改成了我通常用于打包的版本3.8.0

<build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.8.0</version>
                <configuration>
                    <source>${java.version}</source>
                    <target>${java.version}</target>
                    <encoding>${project.build.sourceEncoding}</encoding>
                </configuration>
            </plugin>
        </plugins>
    </build>

修改后即可通过编译器进行打包，这里只打jar包。可以先清理一下，再打包。

打包成功之后，可以看到admin子工程下有了admin.jar文件。

2.2、部署

直接上送到linux服务器上，编写一个启动脚本。（linux服务器环境配置这里不讲）

部署成功之后给启动脚本赋权并启动后端程序。

3、VUE前端打包部署

3.1、打包配置

我这里直接用编译器进行打包了，和用命令打包一样。在编译器中配置打包命令。

3.2、程序配置

为了方便部署多个前端，在打包之前配置一下访问标识。