前后端分离项目打包部署

前后端分离项目打包部署

这里是一个Vue+SpringBoot的前后端分离项目

 

以下是将其打包部署到Linux服务器上的步骤

1.前端打包

在打包之前需要在vue.config.js(如果没有就新建一个)中添加以下代码

module.exports = {
    publicPath : "./"
}

注意检查axios的请求路径是否符合生产环境

 

在命令行中使用npm run build 进行打包

 

tip : 在idea中可以直接使用命令行

出现以下文字说明打包已经完成

 

此时在前端项目的项目根目录中会出现一个dist文件夹