Vue前后端分离项目-项目部署_前后端分离项目部署 vue.config.js

        以CentOS7为例，需要提前安装好java环境，我这以nginx为例，也可根据实际情况部署到tomcat，；

一、前期准备

1、安装java环境；

2、安装nginx；

二、前端准备

1、修改配置；

        注：config目录下修改对应的配置，这里的http://192.168.1.11:9095为项目的后台访问路径；

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"http://192.168.1.11:9095"'
}

2、打包vue项目；

        npm run build;

3、将打包好的dist目录上传至/opt目录下；

4、修改nginx.conf配置文件[默认路径在/usr/local/nginx/conf/nginx.conf]；
     alias  /opt/dist/;      ===>这里的/opt/dist/，指将打包后的dist文件放到opt目录下；

location / {
            alias  /opt/dist/;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }

三、后台准备

1、项目修改相关配置文件；

        a、（略）修改项目对应的数据库等其他路径的配置文件【根据自已情况编写】；

2、项目打成jar包；

        a、打包步骤【参考：idea打包java可执行jar包 - 曲高终和寡 - 博客园】；

        b、打包命令【打出来的包先本地试下有没问题，这个命令我这挺好用，特此记录】：

             mvn clean install -Dmaven.test.skip

3、上传到opt目录

        运行命令：nohup java -jar XXXX.jar

        注：可从nohup.out文件中查看是否有错误；

四、常见问题

        a、前端页面无法访问；

                防火墙；

                端口号；

                nginx启动是否有问题；

         b、后台程序无法访问；

               数据库是否连接成功；

               查看nohup日志具体分析；